설치 -
$ npm install vuex@next
적용
- sotre 폴더 생성
- js 파일 생성
- import {createStore} from vuex
- Modules 만들기
main.js에 연결 use(store)
vue에 적용하는 라이브러리를 연결하는 용도
Store 사용
mutations 실행할 때는 .commit() 메서드
actions 실행할 때는 .dispatch() 메서드
mutations를 통해서만 데이터 변경 가능!
actions는 비동기로 동작함
Store 멤버간의 사용관계
actions에서 함수를 만들 경우 두 가지 매개변수를 받는다.
- 첫 번째 매개변수는 store 멤버 데이터를 받고
mutations에서 멤버 데이터를 쓰려면 state.state, state.getters, state.commit 방식으로 사용 가능
보통 간단하게 사용하기 위해 state를 구조분해 할당해서 사용
-> {state, getters, commit}
store 접근