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