v-if與v-show的區(qū)別

v-if是根據(jù)后面數(shù)據(jù)的真假,來判斷DOM的添加刪除等操作,是一個局部編譯/卸載的過程,切換過程中合適地銷毀和重建內(nèi)部的事件監(jiān)聽和子組件。

v-show只是在修改元素的css樣式(通過修改css屬性display來控制顯示與隱藏)不管初始條件是否為真,DOM都會被渲染。

即:

v-if和v-show都是用來控制元素的渲染

v-if判斷是否加載,可以減輕服務(wù)器的壓力,在需要時加載,會有更高的切換開銷

v-show調(diào)整DOM元素的CSS的dispaly屬性,可以使客戶端操作更加流暢,但有更高的初始渲染開銷

所以如果需要非常頻繁地切換,則使用 v-show 較好,如果在運行時條件很少改變,則使用 v-if更適合。

(另外v-show不支持v-else和template元素)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容