vue.js - 如何同时将 mapGetters 与模块和 root 的 getters 一起使用？

Question

我知道如何在一种情况下使用 mapGetter，但不会同时使用这两种情况。

例如，我在 store/index.js 中有 firstRootGetter，所以我将调用 ...mapGetters(['firstRootGetter']) 在 vue 组件中。

如果我在 store/modules/post.js 中有 firstModuleGetter 和 secondModuleGetter，我将调用 ...mapGetters( 'post', ['firstModuleGetter', 'secondModuleGetter'])

我的问题是，如何在单个 ...mapGetters 中调用它们。可能吗？

现在我必须写 2 行来分别调用它们。

Answer 1

是的，这是可能的，但您必须在每一行中为 mapGetters 帮助程序提供 namespace :

...mapGetters({
  exampleGetter: 'myModule1/exampleGetter',
  anotherGetter: 'myModule2/anotherGetter',
})

如果您试图将它们组合成一个单一的 getter，请使用根 action 来读取两个模块存储并返回一个组合对象。然后是 mapActions，就像您使用 mapGetters 一样。