Vue中v-show和v-if的使用以及區別

個人博客 地址:http://www.wenhaofan.com/article/20190321143330

v-if

    1.v-if 根據條件渲染，它會確保在切換過程中條件塊內的組件銷毀和重建
          
    2. v-if如果在初始渲染時條件為假，則不會渲染條件塊，直到條件變為真時，才會開始渲染條件塊。

v-show 

    v-show 不管初始條件是什么，元素總是會被渲染，只會根據條件的真假，在display:block 和display:none 之前切換

注意事項

    當出現v-show 以及v-if 不生效，沒有根據數組中的值的變化而變化時，請檢查數組中的值的變化是否是通過Vue.set來執行修改,例如：

    以下代碼中

    <div v-show="items[0].isShow"></div>

    使用這種方式修改數字中的元素的值是錯誤的

    items[0].isShow=true;

  正確的寫法應該如下

    item=items[0]
    Vue.set(item,"isShow",true)