v-if和v-for的优先级


源码
https://github.com/vuejs/vue/blob/dev/dist/vue.js => function genElement (el, state)

v-if和v-for的优先级

不同Vue版本不同,但都不推荐在同一元素上使用 v-if 和 v-for

1. Vue2

v-for比v-if优先级大

当它们处于同一节点,v-for 的优先级比 v-if 更高,这
意味着 v-if 将分别重复运行于每个 v-for 循环中。

https://v2.cn.vuejs.org/v2/guide/list.html#v-for-%E4%B8%8E-v-if-%E4%B8%80%E5%90%8C%E4%BD%BF%E7%94%A8

2. Vue3

v-if比v-for优先级大

当它们同时存在于一个节点上时,v-if 比 v-for 的优先级更高。
这意味着 v-if 的条件将无法访问到 v-for 作用域内定义的变量别名:

https://cn.vuejs.org/guide/essentials/list.html#v-for-with-v-if


文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论
  目录