vue之...mapActions的使用

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

actions: {
        increment({commit}){
            commit("INCREMENT")
        },
        decrement({commit}){
            commit("DECREMENT")
        }
}

//{commit} 是对象解构赋值，因为action里面的方法默认接受一个参数context，context是store的一个实例，这个实例是一个对象，改写法是表明使用context中的commit方法。es6的语法

//简写
...mapActions({
    add: "increment"
})


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

add是我们自己定义的事件名称，increment是action的事件类型。当我们自己定义的事件名称与action的事件类型相同

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

...mapActions(["increment"])

实际上，action是提交mutation来改变状态的，它并不能自己改变状态。只有mutation才能改变状态。