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

Question

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 ...
}

但目前尚不清楚哪种方法更适合定义全局功能？有人可以解释这两种方法的不同用例的差异或指出一些资源吗？

Answer 1

一个实例方法将有一个实例（this ）可以从操作中调用。一个全局的 vue 函数将Vue自身作为它的this，这可能意味着你不想在其中使用this。

所以：实例方法，如果它应该在实例上运行，全局函数，如果它是某种不在 Vue 实例上运行的实用程序。