v-if 与 v-for 的优先级 重大更改
概述
- 重大更改: 如果在同一个元素上使用,
v-if的优先级将高于v-for
介绍
Vue.js 中最常用的两个指令是 v-if 和 v-for。因此,开发人员想要将两者一起使用并不奇怪。虽然这不是推荐的做法,但可能有时需要这样做,因此我们想提供有关其工作原理的指导。
2.x 语法
在 2.x 中,当在同一个元素上使用 v-if 和 v-for 时,v-for 将具有更高的优先级。
3.x 语法
在 3.x 中,v-if 将始终具有比 v-for 更高的优先级。
迁移策略
由于语法歧义,建议避免在同一个元素上使用两者。
与其在模板级别管理它,不如创建一个计算属性来过滤掉可见元素的列表,这是一种实现此目的的方法。
迁移构建标志:COMPILER_V_IF_V_FOR_PRECEDENCE