Vuex 는 Vue 에서 전역 변수를 사용할 수 있게 도와주는 라이브러리이고 Store 를 전역변수라고 생각하면 이해하기 좀 더 편하다.
Store 하나에 Vue 애플리케이션의 모든 전역변수를 선언하고 관리하면 store 자체가 복잡해지기 때문에 여러 개의 store 를 만든다.
그것이 모듈화이고 전역변수를 여러개 만들어서 세분화하여 복잡성을 줄일 수 있다.
Store 디렉토리 구조
- scr 안에 store 디렉토리를 만든다.
- store 디렉토리 안에 modules 디렉토리와 index.js 파일을 만든다.
- modules 디렉토리 안에서 필요한 store 들을 만든다.
index.js 구조
- 생성된 모듈 파일을 import 하여 가져온다.
- store 안에 키:값 형태로 저장한다.
컴포넌트에서 store 모듈 사용
- store 를 사용할 컴포넌트에서 변수에 담아 사용한다.