vuex namespaced複数のモジュールを持つmapState

Question

何かが欠落しているはずです。複数のモジュールでvuex mapStateを使用するにはどうすればよいですか？

オブジェクトを引数として渡す以外に、名前空間のmapStateは、namespaceとモジュールのメンバーを示すオブジェクト名の配列の2つの引数を取ることができます。このように

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

しかし、計算するために2番目の名前空間からオブジェクトを追加したいのですが？例えば

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 
}; 

それは動作しますが、それはほとんどそれを行うには正しい方法だん

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

は現在、私はこのようmapState両方をマージしています。このようなベンダー。またはそれは？

Answer 1

使用spread operator：

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