v-for和v-if为什么不建议一起用？

避免渲染本该被隐藏的列表。 在vue2中，v-for比v-if具有更高的优先级。哪怕只渲染一小部分元素，也得在每次重渲染的时候遍历整个列表。在vue3中，当它们处于同一节点，v-if 的优先级比 v-for 更高，这意味着 v-if 将没有权限访问 v-for 里的变量。

建议

使用计算属性