vue为什么v-for的优先级比v-if的高?下面本篇文章就通过分析源码去解答一下这个问题,希望对大家有所帮助!
有时候有些面试中经常会问到v-for
与v-if
谁的优先级高,这里就通过分析源码去解答一下这个问题。
下面的内容是在 当我们谈及v-model,我们在讨论什么?的基础上分析的,所以阅读下面内容之前可先看这篇文章。
继续从编译出发
以下面的例子出发分析:
new Vue({ el:'#app', template:` <ul> <li v-for="(item,index) in items" v-if="index!==0"> {{item}} </li> </ul> ` })
登录后复制
从上篇文章可以知道,编译有三个步骤
- parse : 解析模板字符串生成 AST语法树
- optimize : 优化语法树,主要时标记静态节点,提高更新页面的性能 【