What is difference between global methods and instance methods in Vue.js?

Question

Vue.js official docs about plugins describes global methods and properties and Vue instance methods.

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

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

But it isn't clear which of this approach is better fit to define global functionality? Can someone explain difference or indicate some resource about different use cases of this two approaches?

Roy J · Accepted Answer · 2025-01-13 19:49:38Z

11

An instance method will have an instance (this) to be called from and operate on. A global-on-Vue function would have Vue itself as its this, which probably means you wouldn't want to use this in it.

So: instance method if it should operate on an instance, global function if it is some sort of utility that doesn't operate on a Vue instance.

edited Jan 13 at 19:49

answered Dec 24, 2018 at 14:16

Roy J

44k10 gold badges84 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

What is difference between global methods and instance methods in Vue.js?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related