在切換?v-if?塊時(shí)，Vue.js 有一個(gè)局部編譯/卸載過程，因?yàn)?v-if?之中的模板也可能包括數(shù)據(jù)綁定或子組件。v-if?是真實(shí)的條件渲染，因?yàn)樗鼤?huì)確保條件塊在切換當(dāng)中合適地銷毀與重建條件塊內(nèi)的事件監(jiān)聽器和子組件。

v-if?也是惰性的：如果在初始渲染時(shí)條件為假，則什么也不做——在條件第一次變?yōu)檎鏁r(shí)才開始局部編譯（編譯會(huì)被緩存起來）。

相比之下，v-show?簡(jiǎn)單得多——元素始終被編譯并保留，只是簡(jiǎn)單地基于 CSS 切換。

一般來說，v-if?有更高的切換消耗而?v-show?有更高的初始渲染消耗。因此，如果需要頻繁切換v-show?較好，如果在運(yùn)行時(shí)條件不大可能改變?v-if?較好。

轉(zhuǎn)載于:https://www.cnblogs.com/DesignerFly/p/8631599.html

總結(jié)

以上是生活随笔為你收集整理的Vue v-if与v-show的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。