Vue基本指令 v-if&v-show

這兩個指令一定要放在一起說，因為他們實現的效果是一樣的，都是控制元素的顯示隱藏

v-if

v-if 是通過對 DOM 的渲染來實現元素的顯示隱藏，當 v-if 的表達式結果為 false 時，在 DOM 元素中不會編譯此元素，這個效果我們可以在控制台 Elements 中可以看到。

在 CodeSendbox 上嘗試

v-show

v-show 是通過 CSS 屬性 display 控制元素的顯示隱藏，若 v-show 的表達式結果為 false，則 「display: none;」，若 v-show 的表達式結果為 true，則恢復原先的值。

在 CodeSendbox 上嘗試