February 2019
Intermediate to advanced
216 pages
2h 55m
German
Content preview from Vue.js kurz & gut
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
KAPITEL 12
Mixins
Über Mixins können Logikblöcke definiert werden, die in mehreren Components wiederverwendet werden können. Dazu wird zunächst ein Objekt erstellt, das Bestandteile eines Optionenobjekts enthält:
var myMixin = {
created: function () {
this.hello()
},
methods: {
hello: function () {
console.log('hello from mixin!')
}
}
}
Dieses Mixin definiert die Lifecycle-Funktion created. Zusätzlich wird eine Funktion hello definiert, die eine Ausgabe in der Konsole erzeugt und innerhalb von created aufgerufen wird. Dieses Mixin kann anschließend mit jeder Component genutzt werden:
Vue.component('my-component', {
mixins: [myMixin]
})
Bei der Verwendung von Mixins werden die Eigenschaften einer Component mit den Eigenschaften der Mixins ...