1.共同點(diǎn)
都是動態(tài)顯示DOM元素
2.區(qū)別
（1）手段：v-if是動態(tài)的向DOM樹內(nèi)添加或者刪除DOM元素辅甥；v-show是通過設(shè)置DOM元素的display樣式屬性控制顯隱；
（2）編譯過程：v-if切換有一個局部編譯/卸載的過程帝火，切換過程中合適地銷毀和重建內(nèi)部的事件監(jiān)聽和子組件泼菌；v-show只是簡單的基于css切換震叮；
（3）編譯條件：v-if是惰性的诗眨，如果初始條件為假钻心，則什么也不做凄硼；只有在條件第一次變?yōu)檎鏁r才開始局部編譯（編譯被緩存問題：編譯被緩存后，然后再切換的時候進(jìn)行局部卸載);?
v-show是在任何條件下（首次條件是否為真）都被編譯捷沸，然后被緩存摊沉，而且DOM元素保留；
（4）性能消耗：v-if有更高的切換消耗痒给；v-show有更高的初始渲染消耗说墨；
（5）使用場景：v-if適合運(yùn)營條件不大可能改變孽亲；v-show適合頻繁切換巍实。
Tips：（1）如果v-show作用的元素，css文件中display:none幽告，通過v-show進(jìn)行設(shè)置不能顯示該元素序仙；
原因：v-show控制顯隱突颊，是通過js代碼去修改元素的element style，如果value為false潘悼，設(shè)置display: none;如果value為true律秃，設(shè)置display: ''；于是value為true時治唤，只能將element style中的display效果清除棒动，并不能覆蓋css中的display效果；
