반응형
Vuex란?
React의 Flux 패턴에서 기인한 Vue.js를 위한 상태 관리 라이브러리. MVC 패턴에서 발생하는 구조적 오류를 해결할 수 있으며,
Flux란?
MVC 패턴의 복잡한 데이터 흐름 문제를 해결하는 개발 패턴으로 데이터의 흐름이 단일 방향(One-way data flow)이다.
Flux의 데이터 흐름 방향
Actions - Dispatcher - Model - View 순서로 데이터가 단방향으로 흘러 예측이 가능하기 때문에 향후 발생할 수 있는 문제점들을 방지할 수 있다.
- Actions: 화면에서 발생하는 이벤트 또는 사용자의 입력
- Dispatcher: 데이터(model)를 변경하는 메소드
- Model: 화면에 표시할 데이터
- View: 사용자에게 비춰지는 화면
Vuex 공식 문서
What is Vuex? | Vuex
What is Vuex? NOTE This is the docs for Vuex 4, which works with Vue 3. If you're looking for docs for Vuex 3, which works with Vue 2, please check it out here. Vuex is a state management pattern + library for Vue.js applications. It serves as a centralize
vuex.vuejs.org
반응형
'웹_프론트엔드 > 로드맵 챌린지' 카테고리의 다른 글
| Modern CSS - CSS Modules (0) | 2022.02.22 |
|---|---|
| Modern CSS - Styled Component (0) | 2022.02.18 |
| 프레임워크 - Vue.js (0) | 2022.02.16 |
| 상태 관리 프레임워크 - NgRx란? (0) | 2022.02.15 |
| 리액티브 프로그래밍 라이브러리 - RxJS란? (0) | 2022.02.14 |