Vue.js
प्लगइन्स
खोज…
परिचय
Vue प्लगइन्स वैश्विक कार्यक्षमता, वैश्विक विधियों, निर्देशों, संक्रमणों, फ़िल्टर, आवृत्ति विधियों, ऑब्जेक्ट्स को जोड़ता है और मिक्सी का उपयोग करके कुछ घटक विकल्पों को इंजेक्ट करता है।
वाक्य - विन्यास
- MyPlugin.install = function (Vue, विकल्प) {}
पैरामीटर
नाम | विवरण |
---|---|
Vue | Vue कंस्ट्रक्टर, Vue द्वारा इंजेक्ट किया गया |
विकल्प | यदि आवश्यक हो तो अतिरिक्त विकल्प |
टिप्पणियों
ज्यादातर मामलों में आपको प्लगइन का उपयोग करने के लिए स्पष्ट रूप से Vue को बताने की आवश्यकता होगी
// calls `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
विकल्प पारित करने के लिए
Vue.use(MyPlugin, { someOption: true })
सरल लकड़हारा
//myLogger.js
export default {
install(Vue, options) {
function log(type, title, text) {
console.log(`[${type}] ${title} - ${text}`);
}
Vue.prototype.$log = {
error(title, text) { log('danger', title, text) },
success(title, text) { log('success', title, text) },
log
}
}
}
अपने मुख्य Vue उदाहरण से पहले अपने प्लगइन को पंजीकृत करने के लिए कहें
//main.js
import Logger from './path/to/myLogger';
Vue.use(Logger);
var vm = new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
अब आप इसे किसी भी चाइल्ड कंपोनेंट पर this.$log
कह सकते हैं
//myComponent.vue
export default {
data() {
return {};
},
methods: {
Save() {
this.$log.success('Transaction saved!');
}
}
}
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow