Vue中v-if和v-show的差別是什麼？

Vue中「v-if」和「v-sh」的差別是：1、「v-show」只編譯一次；而「v-if」不停銷毀、創造；2、「 v-if」比較適合有權限的操作，渲染時判斷權限資料；3、v-show比較適合日常使用，可以減少資料的渲染，減少不必要的操作。

在Vue中，我們可以使用v-if和v-show來控制元素或模板的渲染，而v-if和v-show也屬於Vue的內部常用的指令（條件渲染）。

v-if和v-show都是透過判斷綁定資料的true\false來展示的

本質的區別

vue-show本質就是標籤display設定為none，控制隱藏

vue-if是動態的新增或刪除DOM元素

。 v-show其實就是在控制css

v-if切換有一個局部編譯/卸載的過程，切換過程中適當地銷毀和重建內部的事件監聽和子元件

編譯的條件

v-show都會編譯，初始值為false，只是將display設為none，但它也編譯了。

v-if初始值為false，就不會編譯了。

效能的差別

v-show只編譯一次，後面其實就是控制css，而v-if不停的銷毀和創建，故v-show效能更好一點。

用法的區別

v-if更適合於帶有權限的操作，渲染時判斷權限數據，有則展示該功能，沒有則刪除。 v-show更適合日常使用，可以減少資料的渲染，減少不必要的操作。

###如果你的頁面不想讓其他程式設計師看到就用v-if，它不會在頁面中顯示。 ######【相關推薦：###JavaScript教學###】####

以上是Vue中v-if和v-show的差別是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！