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循环

你可能感兴趣的:(VUE,javascript,前端,vue.js)