扩展语法 (...) 究竟如何与 mapGetters 配合使用？

每当你想将计算的 getter 与 Vuex 的 mapGetter 帮助器一起使用时，你可以像这样使用它：

...mapGetters([
    'getter1', 
    'getter2', 
    'etc'
])

我之前见过扩展运算符用于扩展用作函数参数的数组，但不是在方法前面，就像我们在这里看到的那样mapGetters例子。

在查看 mozilla 文档时，我也找不到这种语法的示例，例如：

https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Operators/Spread_operator https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Operators/Spread_operator

那里什么也没有。这个语法到底是如何工作的，在这种情况下，有人可以提供一些关于这个的文档吗？

mapGetters 和 mapActions 基本上是 vuex 提供的帮助器，它返回一个对象，其中键作为方法名称，值作为具有某些已定义定义的方法。该对象与...（对象扩展运算符）结合使用时，将其分别扩展为计算对象或方法对象中的各个函数。

例如：-

{
    computed: {
        ...mapGetters([
            'getter1',
            'getter2',
            'getter3'
        ]);
    }
}

{
    computed: {
        getter1() {
            return this.$store.getters.getter1;
        },
        getter2() {
            return this.$store.getters.getter2;
        },
        getter3() {
            return this.$store.getters.getter3;
        },
    }
}

上面两者都是相同的，所以基本上它在某种程度上返回一个定义的对象 {getter1, getter2, getter3} 并分成具有相同名称的各个计算属性。

您还可以参考这些网址：-

https://vuex.vuejs.org/en/getters.html https://vuex.vuejs.org/en/getters.html