Vue.js official docs about plugins描述了全局方法和属性以及Vue实例方法.

// 1. add global method or property
Vue.myGlobalMethod = function () {
  // some logic ...
}

// 4. add an instance method
Vue.prototype.$myMethod = function (methodOptions) {
  // some logic ...
}

但目前尚不清楚这种方法中哪一种更适合定义全局功能?有人能解释一下这两种方法的不同之处,或者指出一些关于这两种方法不同用例的资源吗?

推荐答案

一个实例方法将有一个实例(this)从一个operate on调用.Vue上的全局函数将Vue本身作为其this,这可能意味着您不想在其中使用this.

所以:如果实例方法应该在一个实例上运行,全局函数如果它是某种不在Vue实例上运行的实用程序.

Vue.js相关问答推荐

V-img不显示文件夹中的图像

Vutify-v-工具提示-不使用键盘轻击按钮显示

如何从mustache内的过滤器输出html

使用数组元素的计算(computed)属性

使用 Vue 和 JS 下载 CSV 文件

Vue:需要禁用页面上的所有输入

Vue.js 如何计算总数?

错误:您可能需要额外的加载器来处理这些加载器的结果.

如何将 v-if 与 Vue.js 中的值进行比较

Nuxt 应用程序在刷新动态路由时返回 404(Tomcat 服务器)

交换数组项

即使在生产模式下构建,VueJS 也会显示开发模式开发模式消息

Vue Js如何在单个文件模板中使用mixins?

Vue在按钮单击时添加一个组件

Vue.js 中的 CSS 框架

Bootstrap-vue:如何将数据传递给模态?

laravel vuejs/axios put request Formdata 为空

在 Vue 应用程序中创建一个类的单个实例

如果通过 jquery 更新,Vuejs 绑定不起作用

超过最大调用堆栈大小 Vuetify