助焊剂：更新阵列状态

Question

我的itemById处于磁通状态。

// state.js

{
  itemById: {},
}

并且具有两个成分list1 list2。在这些组件中，我通过http获得了两个不同的数据itemIds，以获取所需的项目，就像

// list1.js

{
  itemIds: [1, 3],
}

// list2.js
{
 itemIds: [1, 4],
}

当我更新item的ID为1时，list1和list2将会更新。

现在我想将项目添加到其他组件中的list1。

// otherComponent.js

addItem(item) {
  store.addItem(item);
}

但是这种方法无法更新itemIds中的list1。

如果将itemIds数据移至状态。当listComponent销毁并重新创建时，itemIds仍然存在，但我不希望这样做。

我应该如何设计助焊剂状态和成分数据来实现这一目标？