Vuex 시작하기

1 개요

Vuex 시작하기

<div id="app">
  <span>{{ count }}</span>
  <button @click="increment">+</button>
</div>

<script src="//unpkg.com/vue"></script>
<script src="//unpkg.com/vuex"></script>
<script>
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

new Vue({
  el: '#app',
  computed: {
    count() {
	    return store.state.count
    }
  },
  methods: {
    increment() {
    	store.commit('increment')
      console.log(store.state.count)
   	}
  }
})
</script>

2 참고

• https://vuex.vuejs.org/guide/