Vue 3.0 - Vuex(v4.0) 란?

1.Vuex 란?

상태를 관리하는 라이브러리

Vuex라는 저장소를 두고 같이 쓰는 값들은 하나의 저장소를 통해 관리하고 저장소를 바라보도록 함

2.설치 방법

npm install vuex --save

Vue 버전에 맞는 Vuex 버전 확인

• Vue 2 & Vuex 3
• Vue 3 & Vuex 4

3.Vuex 구조

4.Vuex 전체 흐름도

전체 구조도에서 dispatch 의 동작을 보면,

• App.vue에서 addCounter 이벤트가 발생하고, Vuex의 Actions에 dispatch를 한다.
• dispatch를 받은 Actions는 Mutations 에 commit 을 하고,
• Mutations 에 정의되어 있는 메서드가 호출되어 Vuex의 State를 변경시킨다.

https://mine-it-record.tistory.com/568

https://velog.io/@yjyoo/vue.js-Vuex-%EC%A0%95%EB%A6%AC

https://developerjournal.tistory.com/9