vue中v-show和v-if的區別


相同點:功能控制元素的顯隱性

不同點:

v-if :對元素進行銷毀和重建。

 v-show :只是簡單地 CSS 對元素進行切換。

一般來說,,如果需要非常頻繁地切換,則使用 v-show 較好;如果在運行時條件不太可能改變,則使用 v-if 較好,v-if 也是惰性的:如果在初始渲染時條件為假,則什么也不做——直到條件第一次變為真時,才會開始渲染條件塊

下面貼上代碼更可以的看出來:

再從控制台看

 

可以看出v-if直接從代碼中刪除了,v-show只是通過display來控制顯示或隱藏。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM