state나 getters에 drill drill..파고들어서 길게 작성하는 것을 더 깔끔하고 효율적으로 접근할 수 있게끔 해주는 vuex의 메소드
mapGetters
import {mapGetters} from 'vuex'; 를 통해 사용 가능
computed:{
// counter(){
// return this.$store.getters.finalCounter;
// },
...mapGetters(['finalCounter'])//finalCounter getter를 가리킴
},
mapGetters(['getterName'])
형태로 작성할 수 있음mapGetters({someProp:'getterName'})
이렇게 써도 됨mapActions
ChangeCounter.vue
<template>
<button @click="increment">Add 2</button>
<button @click="increase({value:11})">Add 11</button>
</template>
<script>
import {mapActions} from 'vuex';
export default {
methods: {
// addOne() {
// this.$store.dispatch('increment');
// },
...mapActions(['increment','increase'])
},
};
</script>
<style>
</style>
...mapActions({
inc:'increment',
increase:'increase',
})