這篇文章給大家分享的是有關Vue中v-if和v-show有哪些區別的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

10年積累的網站建設、成都網站設計經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站設計后付款的網站建設流程，更有五大連池免費網站建設讓你可以放心的選擇與我們合作。

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

v-if和v-show都是通過判斷綁定數據的true\false來展示的

本質的區別

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

vue-if是動態的向DOM樹內添加或者刪除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，它不會在頁面中顯示。

感謝各位的閱讀！關于Vue中v-if和v-show有哪些區別就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

本文標題：Vue中v-if和v-show有哪些區別
網站網址：http://www.yijiale78.com/article42/pchgec.html

成都網站建設公司_創新互聯，為您提供軟件開發、動態網站、、小程序開發、定制網站、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯