当 v-for 和 v-if 出现在同一级时
在vue 语法中
v-for 的优先级更高,如果同时出现在同级每次渲染都会先执行循环再判断条件,由此可见对性能损耗比较大,可使用计算属性先筛选需要的数据
在vue 语法中
v-if 的优先级更高,因为 v-if 优先级高了,这意味着 v-if 将没有权限访问 v-for 里的变量,抛出错误
强烈建议不要在同一级上使用 v-for 和 v-if
兼容性问题详见:vue官网描述
当 v-for 和 v-if 出现在同一级时
在vue 语法中
v-for 的优先级更高,如果同时出现在同级每次渲染都会先执行循环再判断条件,由此可见对性能损耗比较大,可使用计算属性先筛选需要的数据
在vue 语法中
v-if 的优先级更高,因为 v-if 优先级高了,这意味着 v-if 将没有权限访问 v-for 里的变量,抛出错误
强烈建议不要在同一级上使用 v-for 和 v-if
兼容性问题详见:vue官网描述