v-show和v-if有什么區(qū)別？

vue中顯隱方法常用兩種，v-show和v-if，但這兩種是有區(qū)別的。

實現(xiàn)本質方法區(qū)別

v-show本質就是標簽display設置為none，控制隱藏

v-if是動態(tài)的向DOM樹內添加或者刪除DOM元素

編譯的區(qū)別

v-show其實就是在控制css

v-if切換有一個局部編譯/卸載的過程，切換過程中合適地銷毀和重建內部的事件監(jiān)聽和子組件

編譯的條件

v-show都會編譯，初始值為false，只是將display設為none，但它也編譯了

v-if初始值為false，就不會編譯了

性能

v-show只編譯一次，后面其實就是控制css，而v-if不停的銷毀和創(chuàng)建，故v-show性能更好一點。

用法

v-if更靈活，例如

猜你喜歡：

好用的前端開發(fā)工具：這四款你必須知道!

前端面試題：兼容性面試題匯總