VueX:填充模块之间的关联

时间:2018-04-29 09:12:35

标签: vue.js vuejs2 vuex

我正在尝试尽可能紧密地构建我的商店。现在我将API中的2个模块直接加载到sotre中,其中一个模块可以在另一个模块中引用。

例如:

Car 模块中的每个 Car 都有一个引擎属性,这是一个数字。该数字是指引擎的ID,我在另一个商店模块中也有这个ID。

现在,当访问汽车 getter时,我想要一种方便的方法将每个引擎合并到相关的汽车中,以便我的组件“必须这样做。

现在我当然可以获得两个getter并编写一些计算属性,如下所示:

carWithEngine () {
  return this.cars.map(c => ({
    ...c,
    engine: this.engines.find(e => e.id === c.engine)
  }))
}

我甚至可以将其外包给mixin以使其可重复使用,但它仍然只适用于汽车和引擎。

我正在寻找一种更通用的方式,我可以给商店两个吸气剂和它应该合并的属性,而不会失去反应性

0 个答案:

没有答案