vue优先级比较:为什么v-for比v-if高

vue为什么v-for的优先级比v-if的高?下面本篇文章就通过分析源码去解答一下这个问题,希望对大家有所帮助!

vue优先级比较:为什么v-for比v-if高

有时候有些面试中经常会问到v-forv-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 : 优化语法树,主要时标记静态节点,提高更新页面的性能 【
© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发