今天來說一下vue中 v-if 和 v-show 的區別！

一、v-if 和 v-show 在頁面都展示為顯示隱藏，但是它兩有這本質的區別。
例如：<div v-if=""></div>
不同點：

1 . v-if 當值為 true時，顯示div ，當值為false時，改元素消失，程式碼也會消失，相當於將程式碼刪除了，當在為true時，頁面會重新渲染div;
而v-show 控制的隱藏出現，只是將css屬性設為了display：none 或block;

2.v-if 後還有 v-else 和 v-else-if 條件渲染，這裡需要注意的是v-else 必須緊跟 v-if 或v-else-if
例如：

<div v-if="Isshow">
    我出現下面不出現
</div>
<div v-else>
    我出現上面不出現
</div>

new Vue({
   el:"", //掛在元素
   data:{
      Isshow:false
   }

})