v-for 和 v-if 的优先级

时间:2025-01-18 21:04:41

当 v-for 和 v-if 出现在同一级时

在vue 语法中
v-for 的优先级更高,如果同时出现在同级每次渲染都会先执行循环再判断条件,由此可见对性能损耗比较大,可使用计算属性先筛选需要的数据

在vue 语法中
v-if 的优先级更高,因为 v-if 优先级高了,这意味着 v-if 将没有权限访问 v-for 里的变量,抛出错误

强烈建议不要在同一级上使用 v-for 和 v-if

兼容性问题详见:vue官网描述