相同點:功能控制元素的顯隱性
不同點:
v-if
:對元素進行銷毀和重建。
v-show
:只是簡單地 CSS 對元素進行切換。
一般來說,,如果需要非常頻繁地切換,則使用 v-show
較好;如果在運行時條件不太可能改變,則使用 v-if
較好,v-if
也是惰性的:如果在初始渲染時條件為假,則什么也不做——直到條件第一次變為真時,才會開始渲染條件塊
下面貼上代碼更可以的看出來:
再從控制台看
可以看出v-if直接從代碼中刪除了,v-show只是通過display來控制顯示或隱藏。