解决v-for和v-if不能同时使用的问题

在vue的官方文档中是这样说的： 注意我们不推荐在同一元素上使用 v-if 和 v-for。

更多细节可查阅风格指南。当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。

解决这个问题的方法是使用计算属性computed

例如：

改成：