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

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

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

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

轉載于:https://www.cnblogs.com/DesignerFly/p/8631599.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。