Helper 함수로 더 쉽게 사용하자

아래 4가지 속성들을 간편하게 코딩하자

• state -> mapState
• getters -> mapGetters
• mutations -> mapMutations
• actions -> mapActions

Helper의 사용법

App.vue

mapState

• Vuex에 선언한 state 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 함수
  

mapGetters

• Vuex에 선언한 getters 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 함수
  

mapMutations

• Vuex에 선언한 mutations 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 함수
  

Helper의 유연한 문법

• Vuex에 선언한 속성을 그대로 컴포넌트에 연결하는 문법
  

• Vuex에 선언한 속성을 컴포넌트 특정 메소드에다가 연결하는 문법
  

mapActions

• Vuex에 선언한 actions 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 함수