vue 在data中用很多字段来控制v-if显示隐藏是否合理？

Question

vue 在data中用很多字段来控制v-if显示隐藏是否合理？

Answer 1

合理，不然这些字段要放到哪儿呢？但是建议统一命名规范比如xxx_show之类的
或者可以考虑多使用计算属性控制显示隐藏

Answer 2

可以的，只要每个字段的控制逻辑不重复
建议：不要将这些放在v-if=""中，使用计算属性或函数控制

Answer 3

其实更建议用数据驱动来控制dom的渲染，比如:

<div v-if="info">{{info}}</div>
<div v-else>暂时没有数据...</div>

或者是数组：

<div v-if="arr.length">
  <p v-for="item of arr">{{item}}</p>
</div>
<div v-else>暂时没有数据...</div>

Answer 4

vue 提倡 状态驱动界面，用data里面字段，控制界面的组件显示或者隐藏就非常合理了。

不同字段对应的不同的显示逻辑，也就很合理了。