...mapGetters的前面...是什么意思

在 JavaScript 中，`...` 是扩展运算符（Spread Operator）的语法，它可以将一个数组或对象展开为多个元素或属性。在 Vue.js 的 `...mapGetters` 中，`...` 是用于展开 `mapGetters` 函数返回的对象或数组。

具体来说，`...mapGetters` 中的 `...` 用于将 `mapGetters` 返回的对象或数组中的元素或属性展开到组件的计算属性中。

例如，假设我们有以下 getters：

const getters = {
  getterName1: state => state.value1,
  getterName2: state => state.value2,
  getterName3: state => state.value3
};

使用 `...mapGetters` 可以将这些 getters 映射到组件的计算属性中：

import { mapGetters } from 'vuex';

export default {
  // ...
  computed: {
    ...mapGetters(['getterName1', 'getterName2']),
    // 或者
    ...mapGetters({
      customGetterName: 'getterName3'
    })
  },
  // ...
}

在上述代码中，`...mapGetters(['getterName1', 'getterName2'])` 将 `getterName1` 和 `getterName2` 展开到组件的计算属性中。这样就可以直接在组件中通过 `this.getterName1` 和 `this.getterName2` 访问 Vuex store 中的对应 getters。

因此，`...mapGetters` 中的 `...` 是用于展开对象或数组的语法，用于将 getters 映射到组件的计算属性中。