我在哪里放置视图数据？

Question

好的，假设我有这个store.state：

{
  inventories: {},
  items: {
    types: ['Generator', 'Gearbox', 'Dynamo'],
    qualities: ['S', 'A', 'B', 'C'],
  },
}

稍后有几个组件，我有以下观点：

<div class="Item">
  <strong class="Item-prop Item-name">{{ item.type }}</strong>
  <span class="Item-prop Item-quality">{{ item.quality }}</span>
</div>

现在，我想显示一个div，而不是svg，其内容取决于状态。例如，在type == 'Gearbox'时显示齿轮。

该定义在哪里？在商店 ？还是在我的 Item 组件中？

看，我可以将其放在视图中，但随后我将重复拼写每种项目类型。

我可以将其放在store.state中，但是...它的视图内容，对吧？

PS：我还不是Vuex阶段的，这是一家自定义商店