vuex 辅助函数用法：mapGetters,mapMutations，mapActions

1 mapGetters:用法

<template>
        //普通用法

        <p> {{ $store.getters.getCounter }} </p>

        //辅助函数用法

        <p> {{ getCounter }} </p>
</template>
import { mapGetters } from 'vuex'
export default{
        name:"homeView"

        computed:{
                ...mapGetters(["getCounter"])
        }
}

2 mapMutations 用法：

<template>

        //辅助函数用法

        <p> {{ getCounter }} </p>

        <button @click="addClickHandle">增加</button>
</template>
import { mapGetters } from 'vuex'
export default{
        name:"homeView"

        computed:{
                ...mapGetters(["getCounter"])
        }，

        methods:{

                //辅助用法
                ...mapMutations(["addCounter"]),

                addClickHandle(){
                        //普通调用

                        //this.$store.commit("addCounter",20)

                        //辅助用法--methods中定义了mapMutations就可以直接调用了
                        this.addCounter(20)
                }
        }
}

3 mapActions用法