具有多个模块的vuex命名空间mapState [英] vuex namespaced mapState with multiple modules

问题描述

我一定很想念东西.如何将vuex mapState与多个模块一起使用?

I must be missing something. How can I use vuex mapState with multiple modules?

据了解，除了将对象作为参数传递外，带名称空间的mapState还可采用两个参数:名称空间和表示模块成员的对象名称数组.像这样

As far as understand, besides passing an object as argument, namespaced mapState can take two arguments: namespace and an array of object names denoting the members of modules. Like this

// an imcomplete vue
export default {
   computed: mapState('user', ['addresses', 'creditCards']) 
};

但是，如果我想从第二个命名空间中添加对象以进行计算该怎么办?例如这样的供应商:

But what if i'd like to add objects from a second namespace to computed? e.g. vendor like this:

mapState('vendor', ['products', 'ratings']) 

目前，我正在像这样合并两个mapState:

Currently I am merging both mapState like this:

let userMapState = mapState('user', ['addresses', 'creditCards']); 
let vendorMapState = mapState ('vendor', ['products', 'ratings']);
let mergedMapStates = Object.assign({}, userMapState, vendorMapState);

然后:

// an imcomplete vue
export default {
    computed: mergedMapStates
};

它可以工作，但这并不是正确的方法.是吗?

It works, but it's hardly the right way to do it. Or is it?

推荐答案

使用传播运算符:

computed: {
  ...mapState('user', ['addresses', 'creditCards']),
  ...mapState('vendor', ['products', 'ratings']) 
}

这篇关于具有多个模块的vuex命名空间mapState的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！