vuex

ooz·2021년 7월 30일
0

vue

목록 보기
11/15
  • 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... 다 있음
profile
사는 것도 디버깅의 연속. feel lucky to be different🌈 나의 작은 깃허브는 https://github.com/lyj-ooz

0개의 댓글