vue為什么v-for的優(yōu)先級(jí)比v-if的高?下面本篇文章就通過分析源碼去解答一下這個(gè)問題,希望對(duì)大家有所幫助!
有時(shí)候有些面試中經(jīng)常會(huì)問到v-for
與v-if
誰的優(yōu)先級(jí)高,這里就通過分析源碼去解答一下這個(gè)問題。
下面的內(nèi)容是在 當(dāng)我們談及v-model,我們?cè)谟懻撌裁?的基礎(chǔ)上分析的,所以閱讀下面內(nèi)容之前可先看這篇文章。
繼續(xù)從編譯出發(fā)
以下面的例子出發(fā)分析:
new Vue({ el:'#app', template:` <ul> <li v-for="(item,index) in items" v-if="index!==0"> {{item}} </li> </ul> ` })
登錄后復(fù)制
從上篇文章可以知道,編譯有三個(gè)步驟
- parse : 解析模板字符串生成 AST語法樹
- optimize : 優(yōu)化語法樹,主要時(shí)標(biāo)記靜態(tài)節(jié)點(diǎn),提高更新頁面的性能 【