Vue.js

Question

में वैश्विक कार्यों को शामिल करें मेरे Vue.js एप्लिकेशन में मैं कुछ वैश्विक कार्य करना चाहता हूं। उदाहरण के लिए callApi() फ़ंक्शन जिसे मैं हर बार कॉल कर सकता हूं मुझे अपने डेटा तक पहुंच की आवश्यकता है।

इन कार्यों को शामिल करने का सबसे अच्छा तरीका क्या है ताकि मैं इसे अपने सभी घटकों में एक्सेस कर सकूं?

• क्या मुझे फ़ाइल function.js बनाना चाहिए और इसे मेरे main.js में शामिल करना चाहिए?
• क्या मुझे एक मिक्सिन बनाना चाहिए और इसे मेरे 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

mixins विश्व स्तर पर भी पंजीकृत किया जा सकता। https://vuejs.org/v2/guide/mixins.html#Global-Mixin