-
v-if与v-for的优先级
二者的优先级不明显,不推荐一起使用
v-if和v-for可以在一起使用,但是官方不推荐,因为这样二者的优先级不明显
Vue2 中v-for 的优先级高于 v-if
Vue3 中 v-if 的优先级高于 v-for
- 在vue2中,把它们放在一起,输出的渲染函数中可以看出会先执行循环再判断条件,哪怕我们只渲染列表中一小部分元素,也得在每次重渲染的时候遍历整个列表,这会比较浪费
- 在vue3中,v-if的优先级高于v-for,所以v-if执行时,它调用的变量还不存在,就会导致异常