请问下面代码中的...是扩展运算符还是操作运算符？这样写是什么意思？

Question

vuex中的代码computed:{    ...mapState(["count"]),    count(){        return this.$store.getters.count;    }},请问mapState前面的...是什么意思？加这个和不加这个有什么区别？已经看过扩展运算符和操作运算符的相关文档，不过还是不太明白，求详细点的解释。。

Answer 1

自己写几个例子不就知道了…………比如：

const state = {

    a: 1,

    b: 2,

    c: 3

};

const now = {

    ...state,

    d: 4,

    e: 5

};

console.log(now);

这个语法大部分浏览器还不支持，所以你可以先去babel转一下，把转码后的代码直接放到控制台运行，看看出来的是啥。这个运算符其实挺简单的……