## 条件渲染 ### `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`的区别。