一.vue-if的作用以及原理 動態顯示DOM元素。v-if是動態的向DOM樹內添加或者刪除DOM元素 二.vue-if的編譯條件 v-if是惰性的，如果初始條件為假，則什么也不做；只有在條件第一次變為真時才開始局部編譯。 三.實例 下面是vue中異步獲取數據的代碼 ...

相同點：v-if與v-show都可以動態控制dom元素顯示隱藏 不同點：v-if顯示隱藏是將dom元素整個添加或刪除，而v-show隱藏則是為該元素添加css--display:none，dom元素還在。 都修改為false后，第一個div是直接被移除掉了 需要注意的是，當一個元素 ...

兩個都是讓元素不可見。但是兩個選項有區別 v-if 在條件切換時，會對標簽進行適當的創建和銷毀，而v-show則僅在初始化時加載一次，因此v-if的開銷比v-show大 v-show控制的時元素的display屬性，無論初始條件是否成立，都會渲染標簽。而v-if是惰性的，只有在條件成立 ...

相同點或者說功能，都可以動態操作dom元素的顯示隱藏 不同點： 　　1.手段：v-if是動態的向DOM樹內添加或者刪除DOM元素；v-show是通過設置DOM元素的display樣式屬性控制顯隱； 　　2.編譯過程：v-if切換有一個局部編譯/卸載的過程，切換過程中合適地銷毀和重建 ...

相同點：功能控制元素的顯隱性 不同點： v-if ：對元素進行銷毀和重建。 v-show ：只是簡單地 CSS 對元素進行切換。 一般來說，，如果需要非常頻繁地切換，則使用 v-show 較好；如果在運行時條件不太可能改變，則使用 v-if 較好，v-if 也是惰性的：如果在初始渲染時 ...

v-if 是操作元素的DOM節點創建元素和刪除元素 v-show是操作元素的display屬性 使用的場景： 如果是單純的元素顯示隱藏不會涉及到權限、安全、頁面展示的情況下一般使用v-show 如果涉及到權限、安全、頁面展示的情況下用v-if ...

...

...