Включить глобальные функции в Vue.js

Question

В моем приложении Vue.js я хочу иметь некоторые глобальные функции. Например, функция callApi(), которую я могу вызывать каждый раз, когда мне нужен доступ к моим данным.

Каков наилучший способ включить эти функции, чтобы я мог получить к нему доступ во всех моих компонентах?

• Должен ли я создать файл functions.js и включить его в свой main.js?
• Должен ли я создать Mixin и включить его в свой main.js?
• Есть ли лучший вариант?

Answer 1

Ваш лучший выбор - это плагин, который позволит вам добавлять функции в глобальную систему vue.

[от vuejs Docs]

MyPlugin.install = function (Vue, options) { 

// 1. add global method or property 
Vue.myGlobalMethod = ... 

// 2. add a global asset 
Vue.directive('my-directive', {}) 

// 3. add an instance method 
Vue.prototype.$myMethod = ... 

} 

Тогда вы бы просто добавить

Vue.use(MyPlugin) 

в коде перед вызовом функции.

Vue.myGlobalMethod(parameters); 

или в случае

Vue.callApi(parameters); 

Answer 2

Примеси могут быть зарегистрированы во всем мире тоже. https://vuejs.org/v2/guide/mixins.html#Global-Mixin