javascript - 關於vuex ...mapActions的問題

Question

我知道...是ES6的擴充運算子。並且可以這樣使用

var {a,...b} ={x:1,y:2,z:3};
//a=1 b={y:2,z:3}

但是我實在不理解 在 vue的methods屬性中 使用...mapActions()這樣的方式 是什麼意思。
大神求解答！

Answer 1

mapActions() 傳回的是一個物件, 用了 ... 擴充符後，才可以放進一個物件裡，和其他元件內定義的 method 在同一個 methods 物件。

{
    methods: mapActions() // 如果没有其它组件内的定义的方法,可以这样写
}

{
    methods: {
        ...mapActions()，// 如果有其他定义的方法
        otherMethod1 () {},
        otherMethod2 () {}
    }
}

Answer 2

樓上正解，假設mapActions()，回傳的是

{
    a() {},
    b() {}
}

那 ...mapActions(),只不過是把a,b都拿出來跟其他方法放在一起了而已。
...代表兩種意思，一種是剩餘運算符，一種是擴充運算符，你題目裡用的那個應該是剩餘運算的意思，而...mapActions才是擴充運算符。
詳情: https://developer.mozilla.org...