1. ToDo
- Vue 공부하면서 정리정리!
2. Vuex 왜 써요?
[ 참조문서 : https://vuex.vuejs.org/kr/guide/ ]
- Vuex는 Vue.js 애플리케이션의 상태 관리 라이브러리이다.
- Vue.js 애플리케이션 전역에서 접근가능한 중앙 집중식 데이터 저장소이다.
- 프로젝트를 진행하다 보면 부모 컴포넌트에서 자식 컴포넌트로 Props를 보내야하는 경우가 많다. 이때 매번 Props를 전달하는 것도 일이니 공용으로 사용할 수 있는 변수, 상태 집합을 만들어 작업의 편의성을 제공한다.
3. Store의 기본 구조
- State, Mutations, Actions, Getters
위와 같이 4가지 구조를 가지고 있다.
4. Store 구조 설명
- State : 변수들의 집합, 변수 정의부
- Mutations : 동기적으로 변수의 재정의, 조작, 값 대입 등 변화를 주는 조작부
- Actions : 비동기적으로 동작을 처리하는 통신부, 비동기함수들의 집합
- Getters : State 변수들을 가져다 사용할 수 있게 해준다. 그냥 가져다 사용하는 것이 아닌 데이터 가공이 필요할 때 원본 State 변화시키지 않고 가져간다.
5. Store의 코드 구조