Vue.js kurz & gut

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 ...