KAPITEL 10
Components
Mit den Grundlagen aus dem ersten Teil dieses Buchs lässt sich eine Seite mit Vue interaktiv gestalten, etwa indem auf Formulareingaben reagiert wird. Vue ermöglicht mit den sogenannten Components aber auch die komponentenbasierte Entwicklung komplexerer Apps. Bei Components handelt es sich um wiederverwendbare Vue-Instanzen, die über einen eindeutigen Namen identifiziert werden:
<div id="app">
<button-counter></button-counter>
</div>
<script>
Vue.component('button-counter', {
data: function() {
return {
count: 0
}
},
template: '<button @click="count++">{{ count }}</button>'
})
var vm = new Vue({
el: '#app'
})
</script>
Hier ist der Name der Component button-counter. Sie wird erstellt, indem die Component mit der Funktion ...
Get Vue.js kurz & gut now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
