vue vuex example1

1070111

by Syuan Shih

HTML

<div id="app">
    <counter></counter>
</div>

JavaScript

Vue.component ('counter', {
    template: `<div>
    						<button @click="addCount()">CLICK</button>
                <p>{{ count }}</p>
               </div>`,
    data: function() {
        return {
            count: 0
        }
    },
    methods: {
        addCount: function () {
            this.count++
        }
    }
})

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