mapActions用法

<button @click="add">+1</button>

//实际上的写法
methods：{
    add(){
        this.$store.dispatch("increment_Act")
    }
}

//简写，这个是直接写在methods里面，相当于引用了actions的increment_Act方法
...mapActions({
    add: "increment_Act"
})

const actions = {
    increment_Act({commit}){
        commit("increment_Mut")
    }
}

const mutations = {
    increment_Mut(state, dt) {
        state.temDt = Number(state.temDt1) + 1;
    },
}

add是我们自己定义的事件名称，increment_Act是action的事件类型。当我们自己定义的事件名称与action的事件类型相同，可以直接下面的写法，

<button @click="increment_Act">+1</button>

...mapActions(["increment_Act"])

实际上，action是提交mutation来改变state状态的，它并不能自己改变状态，只有mutation才能改变状态，temDt就是一个state状态；actions里面的函数不一定都是改变state状态的，也可以写别的函数实现别的功能。

*喜欢玩网络小游戏的，可以进入洽西游戏网，点击下方链接

洽西游戏http://www.qiaxi.cc