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才能改變狀態。