vuex- 모듈화

박주엽·2020년 10월 6일
0

vuex- 모듈화

vuex에서 상태관리를 할 때 페이지가 많아지고 관리해야될 데이터 양이 많아 지면 모듈화를 통해 세부적으로 나눠서 관리를 하는 것이 좋기 때문에 모듈화 작업을 진행한다.

1. store 폴더 안에 store.js 파일과 modules 폴더를 생성 후 modules 폴더 안에 세부적으로 쓸 js 파일을 생성한다.

2. store.js 파일에서 modules 안에 해당 파일을 import 해서 적용시켜 준다.

3. 각각 state, getters, mutations, actions 적용하여 store.js에서 import 할 수 있게 export default 해준다.

0개의 댓글