Ceci est une ancienne révision du document !
new Vue({ el: '#app', // ID de la div contenant l'application data: { }, methods: { exemple: function(param1, param2) { // ... }, } })
Vue.component('mon-composant', { props: [ 'label', // ... ], template: '<span v-on:click="onClick">{{ label }}</span>', methods: { onClick: function() { console.log("Vous avez cliqué sur " + this.label); } } })
Utilisation du composant dans l'HTML :
<mon-composant v-bind:label="Bla bla bla"></mon-composant>