Skip to content

17.v-if 和 v-for 哪个优先级更高?

v-for 和 v-if 避免在同一个标签中使用。如果遇到需要同时使用时可以考虑写成计算属性的方式。

html
<!--应当避免这种写法-->
<li v-for="l in arr" v-if="exists"></li>
<!--应当避免这种写法-->
<li v-for="l in arr" v-if="exists"></li>
  • 在 Vue2 中解析时,先解析 v-for 在解析 v-if。会导致先循环后在对每一项进行判断,浪费性能。
  • 在 Vue3 中 v-if 的优先级高于 v-for。

Vue2 解析结果分析Vue3 解析结果分析

Released under the MIT License.