概述

在 Vue.js 中，通過對模板中的元素使用一組指令來實現條件渲染。

v-if

當條件為 true 時，元素通常會顯示。當條件為 false 時，僅發生部分編譯，並且在條件變為 true 之前元素不會呈現到 DOM 中。

v-else

不接受條件，而是在前一個元素的 v-if 條件為 false 時呈現元素。只能在帶有 v-if 指令的元素之後使用。

v-show

行為與 v-if 相似，但是，即使條件為 false ，元素也將始終呈現在 DOM 中。如果條件是 false，則該指令將簡單地將元素的 display 樣式設定為 none。