참고: https://vuex.vuejs.org/kr/
Vuex가 무엇인가요? | Vuex
Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있습니다. 또한 Vue의 공식 devtools 확장 프로그램 과 통합되어 설정 시간이 필요 없는 디버깅 및 상태 스냅 샷 내보내기/가져오기와 같은 고급 기능을 제공합니다. "상태 관리 패턴"이란 무엇인가요? 간단한 Vue 카운터 앱부터 시작 해보
vuex.vuejs.org
- 상태 관리 패턴 + 라이브러리
- 상태를 직접 변경하지 않고 commit 메서드로 변경한다. (추적을 가능하게 하기 위해서다)
1. State
- Vuex는 단일 상태트리를 사용. 모든 애플리케이션의 상태를 포함한다.
2. Getters
- 저장소의 계산된 속성
3. Mutation
- 실제로 상태를 변경하는 유일한 방법
- 타입 문자열 핸들러가 있다. (실제 상태를 수정하는 곳)
- commit 함수로 핸들러를 호출한다.
- mutation은 동기 함수여야 한다. 이유는 모든 mutation에 대해서 이전과 이후의 스냅샷을 캡쳐해야 하는데 비동기 함수는 이 작업이 힘들기 때문이다.
4. Actions
- 상태를 변이시키는 대신, 액션 함수 내에서 commit을 한다.
- 작업 내에 비동기 로직을 포함할 수 있다.
- 액션은 store.dispatch로 동작한다.
5. Module
- 저장소를 module로 나눌 수 있다.
'JavaScript' 카테고리의 다른 글
| 자바스크립트 Garbage Collector의 동작 (0) | 2020.03.07 |
|---|---|
| 자바스크립트 이벤트 관련 (0) | 2020.03.04 |
| [Vue] Vue의 LifeCycle (0) | 2020.03.03 |
| [Vue] mixin 설명 (0) | 2020.03.03 |
| [React] React의 LifeCycle 정리 (0) | 2020.02.22 |