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樹對性能消耗比較大。