Vue.js
Wtyczki
Szukaj…
Wprowadzenie
Wtyczki Vue dodają globalną funkcjonalność, ponieważ globalne metody, dyrektywy, przejścia, filtry, metody instancji, obiekty i wstrzykują niektóre opcje komponentów za pomocą mixin
Składnia
- MyPlugin.install = funkcja (Vue, opcje) {}
Parametry
Nazwa | Opis |
---|---|
Vue | Konstruktor Vue, wstrzyknięty przez Vue |
opcje | W razie potrzeby dodatkowe opcje |
Uwagi
W większości przypadków będziesz musiał wyraźnie powiedzieć Vue, aby użyła wtyczki
// calls `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
Aby przekazać opcje
Vue.use(MyPlugin, { someOption: true })
Prosty rejestrator
//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
}
}
}
Przed głównym wystąpieniem Vue powiedz o zarejestrowaniu wtyczki
//main.js
import Logger from './path/to/myLogger';
Vue.use(Logger);
var vm = new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
Teraz możesz to wywołać this.$log
na dowolnym komponencie podrzędnym
//myComponent.vue
export default {
data() {
return {};
},
methods: {
Save() {
this.$log.success('Transaction saved!');
}
}
}
Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow