Vuex 사용법

store.js를 만든다.

 

 

//store.js의 내부

 

import Vuex from "vuex"; //vuex 라이브러리를 import한다

 

export default new Vuex.Store({

state: {}, //vue의 data와 비슷

mutations: {}, // vue의 computed와 비슷, 함수 이름은 대문자로 지어야한다.

getters: {}, // state를 수정할 때 사용, 동기적으로 하나씩 혹은 하나의 그룹을 바꾼다

actions: {} // 비동기를 사용할 때, 또는 여러 뮤테이션을 연달아 실행할 때

});

 

 

store은 여러개 만들 수도 있다.