Helper (Vuex)

Helper functions

Store에 있는 아래 4가지 속성들을 간편하게 코팅하는 방법

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

헬퍼의 사용법

• 헬퍼를 사용하고자 하는 vue파일에서 아래와 같이 해당 헬퍼를 로딩

// App.vue
import { mapState, mapGetters, mapMutations, mapActions } from 'vuex'

export default {
    computed() { ...mapState(['num']), ...mapGetters(['countedNum']) },
    methods: { ...mapMutations(['clickBtn']), ...mapActions(['asyncClickBtn']) }
}

• ... (Object Spread Operator) : 뿌리는 연산자, ...안에 여러개의 속성들이 있고 그것을 뿌려서 집어넣는다.