vue16

by Michel Piallier

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- View  -->
<div id='app'>
    <bonjour></bonjour>
     <compteur></compteur>
</div>

JavaScript

Vue.component('bonjour', {
    template: `<div>
        <h2>Bonjour</h2>
    </div>`
});

Vue.component('compteur',{
	data: function(){
        return{
            nbClics: 0
        }
    },
    template: `<div> 
    			<button v-on:click="nbClics++">Click</button>
    			<p>{{nbClics}}</p>
                </div`
});

new Vue ({
    el: '#app'
});