淺析Vue中v-if與v-show的區別

v-if

v-if 指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 truthy 值的時候被渲染。

簡單的說就是判斷的返回值爲true的時候,DOM元素會被渲染顯示,反之,返回值爲false的時候,DOM元素會被從DOM樹中移除。

v-show

v-show的作用與v-if類似,v-show 只是簡單地切換元素的 CSS 屬性 display,並且帶有 v-show 的元素始終會被渲染並保留在 DOM 中。

總結:對於需要頻繁切換的元素用v-show,反之則用v-if,因爲操縱DOM樹對性能消耗比較大。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章