Vue

by watsuyo_2

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/0.8.2/vuex.min.js"></script>
<div id="app"></div>

Vue

new Vuex.Store ({
	state:{
  	count: 0
	},
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

new Vue({
	el: '#app',
  template: `
    <div>
    	{{ count }}
    	<input type="submit" value="カウントアップ" @click="increment">
      <input type="reset" value="リセット" @click="reset">
    </div>
  `,
})

store.commit('increment')

console.log(store.state.count) // -> 1