当 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的属性先从计算属性中过滤一次
v-if和v-for的优先级问题在vue3中不需要考虑，vue3更新了v-if和v-for的优先级，使v-if的优先级高于v-for