v-show 指令： 根據(jù)表達式之真假值，切換元素的 display css 屬性。

注意：一般值適用布爾類型，不過其他類型的值也沒有問題，不過要注意類型的轉(zhuǎn)換。

v-if 指令： 通過表達式的值來控制元素是否渲染 （v-if=‘xxx’? xxx就是表達式）

v-if 的效果與 v-show 基本一樣，但是有區(qū)別：

1.v-if: 是真正的數(shù)據(jù)渲染，默認條件為 false 時元素不渲染，默認條件為 true 時元素渲染；條件為 false 時元素會銷毀，條件為 true 時元素會重新創(chuàng)建。

v-show 是簡單的的去控制 css 中的 display 屬性。

2.v-if 有更高的切換開銷 （切換時做銷毀和重建的操作）；

v-show 有更高的初始渲染開銷（因為不管默認條件為 true 還是 false ，都會渲染出來）；

? 如果頻繁切換顯示隱藏使用功能，用 v-show 更好，其余時間使用 v-if 即可。

3. v-if 有 v-else-if 和 v-else 配套使用；

? ? v-show 孤零零一個人。

4. v-if 能配合 template 元素使用，而 v-sho 不行；

那么問題來了，為什么 v-show 不能跟與 template 去使用呢？

答：因為 template 是不會渲染出來的， v-show 是要去控制元素的 css 屬性的 。