## 條件渲染 ### `v-if`和`v-else`以及`v-else-if`指令 根據表達式的值的真假條件渲染元素。在切換時元素及它的數據綁定 / 組件被銷毀并重建。 ~~~html <div v-if="Math.random() > 0.5"> Now you see me </div> <div v-else> Now you don't </div> ~~~ ~~~html <div v-if="type === 'A'"> A </div> <div v-else-if="type === 'B'"> B </div> <div v-else-if="type === 'C'"> C </div> <div v-else> Not A/B/C </div> ~~~ ### `v-show`指令。 `v-show` 只是簡單地切換元素的 CSS 屬性 display。 ### `v-if`和`v-show`的區別。