假如一個(gè)組件上有這么一段代碼：<div class="box1" v-if="true">內(nèi)容1</div><div class="box2" v-else-if="false">內(nèi)容2</div><div class="box3" v-else="false">內(nèi)容3</div>當(dāng)使用這個(gè)組件的時(shí)候是所有代碼都會(huì)被加載還是只會(huì)加載判斷為真的那一段？還是說當(dāng)用戶打開網(wǎng)站的時(shí)候，整個(gè)項(xiàng)目的代碼都已經(jīng)加載了，當(dāng)有數(shù)據(jù)去驅(qū)動(dòng)的時(shí)候才會(huì)渲染？項(xiàng)目為單頁面應(yīng)用。
1 回答
千萬里不及你
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊
v-if不是v-show只有在條件為true的時(shí)候才會(huì)渲染元素,而v-show因?yàn)槭菃渭兊男薷?code>display屬性的值，也就是說無論是否為真都渲染了元素，因此v-show有渲染開銷，而v-if相當(dāng)于是對(duì)元素的刪除和添加，因此會(huì)有切換開銷。
添加回答
舉報(bào)
0/150
提交
取消