Vuex：如何在命名空间中组合多个 mapGetters：true

Question

有 3 种场景我想知道如何将 2 个 mapGetters 合并为一个。

场景一

一个有命名空间：是的，一个没有

...mapGetters('cart', ['quantity']),
...mapGetters({
    isLoggedIn: 'isAuthenticated'
})

场景二

两者都具有命名空间：true

...mapGetters('cart', ['quantity']),
...mapGetters('cart', ['totalSum'])

场景三

两者都具有命名空间：true，但每个都来自不同的模块

...mapGetters('cart', ['quantity']),
...mapGetters('prods', ['products'])

Answer 1

您可以像 namespace/key 这样访问命名空间

1.

  ...mapGetters([
      'cart/quantity',
      'isAuthenticated'
  ])

您必须像 this['cart/quantity'] 一样访问购物车数量，或者您可以使用像

这样的对象重命名它

  ...mapGetters({
      cartQuantity: 'cart/quantity',
      isLoggedIn: 'isAuthenticated'
  })

  ...mapGetters('cart', [
      'quantity',
      'totalSum'
  ])

  ...mapGetters({
      cartQuantity: 'cart/quantity',
      prodProducts: 'prods/products'
  })

Vuex: How to combine multiple mapGetters while namespaced: true