站長(zhǎng)資訊網(wǎng)
vue為什么v-for的優(yōu)先級(jí)比v-if的高？下面本篇文章就通過(guò)分析源碼去解答一下這個(gè)問(wèn)題，希望對(duì)大家有所幫助！
有時(shí)候有些面試中經(jīng)常會(huì)問(wèn)到v-for與v-if誰(shuí)的優(yōu)先級(jí)高，這里就通過(guò)分析源碼去解答一下這個(gè)問(wèn)題。
下面的內(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語(yǔ)法樹(shù)
- optimize : 優(yōu)化語(yǔ)法樹(shù)，主要時(shí)標(biāo)記靜態(tài)節(jié)點(diǎn)，提高更新頁(yè)面的性能 【
