vue.js - 在 mapGetters 中为单个 Vue getter 添加别名

Question

我有一个带有 getter 的 vuex 模块。我在 vue 组件中使用这个模块的 getters:

...
computed: {
    ...mapGetters('myCoolModule', ['isActive', 'someOtherGetter', 'yetAnotherGetter']),
}
...

我有其他 vuex 模块有一个 isActive getter，所以我想在这里给它起个别名。我熟悉对象语法，即，

...
computed: {
    ...mapGetters('myCoolModule', { myCoolModuleIsActive: 'isActive', someOtherGetter: 'someOtherGetter', yetAnotherGetter: 'yetAnotherGetter' }),
}
...

但是，我不需要为 'someOtherGetter' 或 'yetAnotherGetter' 添加别名，而且对象语法似乎要求我这样做。

有没有一种语法可以与 mapGetters 一起使用，这样我就可以只为其中一个 getter 设置别名？

Answer 1

使用它两次怎么样？

computed:
{
  ...mapGetters('myModule', {
    myCoolModuleIsActive: 'isActive',
  }),
  ...mapGetters('myModule', ['someOtherGetter', 'yetAnotherGetter']),
}

为什么不命名你的 Vuex 模块？这样就可以避免名称冲突。