时间戳

首页 > 解决方案 > 我在哪里放置我的视图数据？

vue.js - 我在哪里放置我的视图数据？

问题描述

好的，假设我有这个 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我想显示 a而不是 a svg，其内容取决于状态。例如，在 时显示一个 cog type == 'Gearbox'。

我把这个定义放在哪里？在商店里 ？还是在我的Item组件中？

看，我可以把它放在视图中，但是我会重复拼出每个项目类型。

我可以把它放在 store.state 中，但是......它的视图的东西，对吧？

PS：我还没到Vuex阶段，这是自定义商店

标签： vue.jsarchitecturevuejs2store

解决方案

推荐阅读