v-if与v-for不能同时使用的原因及解决办法

如果v-if与v-for在一个标签里同时使用，那么会报错；

理解：v-for 的优先级比 v-if 的高，如果灭一次都要遍历整个数组，将会影响速度，特别是当需要渲染小部分的时候；如果一起用，会把 v-if 给灭一个元素都添加一下，会造成性能问题。

解决方法：

1⃣️把 v-if 放在外层 用 空标签 <template> 来判断 或者 让 for 循环在template上：

2⃣️使用compted 先计算属性再去渲染模版；