Vue.js中的全局方法和实例方法之间有什么区别?

时间:2018-12-24 10:12:15

标签: vue.js

关于plugins

Vue.js官方文档描述了全局方法和属性以及Vue实例方法。

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

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

但是尚不清楚哪种方法更适合定义全局功能?有人可以解释这两种方法的不同之处或提供一些有关不同用例的资源吗?

1 个答案:

答案 0 :(得分:2)

实例方法将具有从操作对象调用的实例(this)。 Vue全局函数本身将Vue作为其this,这可能意味着您不希望在其中使用this

所以:实例方法(如果它应该在实例上运行),全局函数(如果它是某种工具,对Vue实例不运行)。