v-if 为什么不能和 v-for 一起使用？

当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，通过v-if 移动到容器元素，不会再重复遍历列表中的每个值。取而代之的是，我们只检查它一次，且不会在 v-if 为否的时候运算 v-for

v-if不能和v-for一起使用的原因是v-for的优先级比v-if高，一起使用会造成性能浪费

解决方案有两种，把v-if放在v-for的外层或者把需要v-for的属性先从计算属性中过滤一次