v if 和 v show 有什麼區別?

2021-08-28 04:29:21 字數 681 閱讀 4293

這次咋們講講v-if 和v-show之間的區別?它們在使用的時候究竟有什麼不同之處呢

簡單來說

v-if的初始化快,v-show的初始化慢

但是它們的共同點是:

都是動態顯示dom元素。

v-if:若值為false,那麼頁面將不會有這個html標籤生成,v-if只有當滿足條件是才會編譯。

v-show:不論其值是false還是true,html元素都會存在,只是簡單的切換css的display屬性,也就是說要達到簡單的顯示和隱藏也只需切換簡單的display屬性。

所以這裡我們也可以看出~~~~

v-if切換需要乙個編譯的過程,而v-show只需要簡單的切換css的display屬性

v-if的切換成本高於v-show的切換成本。

它們控制顯隱的手段不同:

v-if是動態的向dom樹內新增或者刪除dom元素

v-show是通過設定dom元素的display樣式屬性控制顯隱

它們什麼時候適合使用:

v-if適合運營環境不需經常改變的場景

v-show適合頻繁切換

淺解v if 和 v show 有什麼區別

簡單來說,v if 的初始化較快,但切換代價高 v show 初始化慢,但切換成本低 都是動態顯示dom元素 1 手段 v if是動態的向dom樹內新增或者刪除dom元素 v show是通過設定dom元素的display樣式屬性控制顯隱 2 編譯過程 v if切換有乙個區域性編譯 解除安裝的過程,切...

v show 與 v if 有什麼區別?

v show 與 v if 有什麼區別?v if是真正的條件渲染,因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建 也是惰性的 如果在初始渲染時條件為假,則什麼也不做 直到條件第一次變為真時,才會開始渲染條件塊。v show就簡單得多 不管初始條件是什麼,元素總是會被渲染,並且只是...

面試題 v if和v show有什麼區別

1,v if能夠控制是否生成vnode,也就間接控制了是否生成對應的dom。當v if為true時,會生成對應的vnode,並生成對應的dom元素 當其為false時,不會生成對應的vnode,自然不會生成任何的dom元素。2,v show始終會生成vnode,也就間接導致了始終生成dom.它只是控...