javascript - spread syntax (...) 究竟如何与 mapGetters 一起工作？

Question

每当你想使用来自 Vuex 的 mapGetter 助手的计算 getter 时，你可以像这样使用它:

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

我曾见过扩展运算符用于扩展数组以用作函数参数，但不是像我们在此处的 mapGetters 示例中看到的那样在方法前面使用。

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

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

什么都没有。这种语法和这种情况到底是如何工作的，有人可以提供一些关于这方面的文档吗？

Answer 1

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://www.youtube.com/watch?v=SaBnaGu7cP8&list=PL4cUxeGkcC9i371QO_Rtkl26MwtiJ30P2&index=8

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