vue中的v-if与v-for

官方不推荐 v-for 和 v-if 同时使用，或同时作用在同一个Dom元素，因为两者的优先级不同，会带来性能上的消耗。vue2中v-for的优先级大于v-if，vue3中则相反。

vue2中，当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中；

vue3中，当它们同时存在于一个节点上时，v-if 比 v-for 的优先级更高。这意味着 v-if 的条件将无法访问到 v-for 作用域内定义的变量别名；

如果两者必须要同时使用，则可以在外新包装一层template标签再在其上使用。