Vuex는 Vue.js 애플리케이션을 상태 관리 패턴의 라이브러리이다.
모든 컴포넌트에 대해 중앙 집중식 저장소 역활을 하며 예측 가능한 방식으로 상태를 변경할 수 있고 vue의 공식 devtools 확장 프로그램과 통합되어 디버깅 및 상태 스냅 샷 내보내기/가져오기와 같은 기능 제공이 된다.
상태관리 패턴
단방향 데이터 흐름의 단순한 도표이지만 공통의 상태를 공유하는 여러 컴포넌트가 있는 경우 단순함이 빠르게 저하된다.
이러한 문제점을 해결하기 위해 vuex 라이브러리를 이용해 장기적으로 봤을 때 유지 보수를 편리하게 관리하고 장기간 프로젝트에 사용이 용이하다.
출처: https://v3.vuex.vuejs.org/kr/
Vuex가 무엇인가요? | Vuex
Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를
v3.vuex.vuejs.org
5가지 구성요소
store.js => 가게, 데이터 관리, 전역데이터 저장소
state.js => 데이터 바구니
mutations.js => 동기데이터를 status로 보냄
actions.js => 비동기 데이터 js는 동기데이터이기 때문에 동기데이터로 변환해준다
getters.js => state에 접근하여 데이터 불러오는 역활 접근소