vuex

vuex는 store 파일이 여러 개여도 괜찮다.

vuex 필수 4요소

• state: vue의 데이터(data)와 비슷
• getters: vue의 computed와 비슷
• mutations: 위의 state를 수정할 때 사용. state를 수정할 때는 mutation를 통해 바꿔야 한다. 동기적인 작업할 때. 하나씩 하나씩 작동.
• actions: 비동기를 사용할 때. 여러 mutation을 연달아 실행할 때.

mutation의 함수 이름은 대문자로!

vue 컴포넌트에서 vuex의 state를 가져오려면 computed 에서 불러야 한다.
- 이 때, vuex의 state가 너무 많으면 이것도 번거로울 수 있는데 이 때는 mapState를 이용하면 훨씬 코드가 간결해진다 (공식문서 참고)

• mapState, mapGetters, mapActions... 다 있음