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

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

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

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

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

總結(jié)

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

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