vuex 적용하기

1. vuex 설치
2. main.js 에 import Vuex from 'vuex'; 추가

그다음에 main.js 에서 아래와 같이 사용할 수 있는데, 이렇게 하면 main.js 코드가 지저분해질 수 있으니까 분리하는게 좋다.

new Vuex.Store({
  state,
  getters,
  mutations,
  actions,
})

new Vue({
  render: h => h(App),
  router:myRouter,
}).$mount('#app')

store 폴더를 새로 만든후에 index.js 를 추가해준다. 이후에 vuex 를 import 해준후에 vue.use를 통해서 vuex 를 추가해준다.

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

new Vuex.Store({
  state,
  getters,
  mutations,
  actions,
})