v-if和v-for的优先级

作用

v-if 用于条件性地渲染一块内容，这块内容会在指令的表达式返回true时被渲染
v-for 基于一个数组来渲染一个列表。需要使用 item in items 形式的特殊语法，其中 items 是原数组 ，item 是数组元素的别名。使用v-for时建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化。

优先级

在vue2中，v-for优先级比v-if高
在vue3中，v-if优先级比v-for高

注意事项

1、v-if和v-for不能同时使用
2、同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-for循环