Vue中v-if和v-for区别

v-if和v-for的区别：

• 作用不同，v-if指令用于条件性地渲染一块内容，这块内容只会在指令的表达式返回 true值的时候被渲染；而v-for指令基于一个数组来渲染一个列表。
• 优先级不同：
  • vue2是v-for优先，条件不存在时也会渲染多个注释节点。在vue3中进行了改进，v-if优先级高。
  • 在vue3中，v-if在编译阶段进行了静态节点提升，所以在v-for遍历每个节点，v-if对单个节点判断，这种情况会报错。
  • 不管是vue2还是vue3，都推荐，将v-for遍历的数组用计算属性改写，根据v-if依赖的条件返回过滤后的数组。