這篇文章主要介紹了vue中v-if和v-show有什么區(qū)別，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供尖草坪企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為尖草坪眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

v-if 和 v-show 有什么區(qū)別？

共同點(diǎn)：v-if 和 v-show 都能實(shí)現(xiàn)元素的顯示隱藏

區(qū)別：

    1. v-show 只是簡單的控制元素的 display 屬性，而 v-if 才是條件渲染（條件為真，元素將會被渲染，條件為假，元素會被銷毀）；

    2.  v-show 有更高的首次渲染開銷，而 v-if 的首次渲染開銷要小的多；

    3. v-if 有更高的切換開銷，v-show 切換開銷小；

    4. v-if 有配套的 v-else-if 和 v-else，而 v-show 沒有

    5. v-if 可以搭配 template 使用，而 v-show 不行

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue中v-if和v-show有什么區(qū)別”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!