Vue.js
plugins
Zoeken…
Invoering
Vue-plug-ins voegen globale functionaliteit toe, zoals globale methoden, richtlijnen, overgangen, filters, instantiemethoden, objecten en injecteren enkele componentopties met behulp van mixins
Syntaxis
- MyPlugin.install = function (Vue, opties) {}
parameters
Naam | Beschrijving |
---|---|
vue | Vue constructor, geïnjecteerd door Vue |
opties | Extra opties indien nodig |
Opmerkingen
In de meeste gevallen moet u Vue expliciet vertellen om een plug-in te gebruiken
// calls `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
Opties doorgeven
Vue.use(MyPlugin, { someOption: true })
Eenvoudig logger
//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
}
}
}
Voordat je hoofd Vue-instantie zegt, moet je je plug-in registreren
//main.js
import Logger from './path/to/myLogger';
Vue.use(Logger);
var vm = new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
Nu kunt u this.$log
noemen this.$log
op elke onderliggende component
//myComponent.vue
export default {
data() {
return {};
},
methods: {
Save() {
this.$log.success('Transaction saved!');
}
}
}
Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow