Appearance
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。