v-if、v-show顧名思義就是用來判斷視圖層展示效果的，在Vue中文社區(qū)說明文檔的介紹有：

相同點(diǎn)：

v-if與v-show都可以動態(tài)控制dom元素顯示隱藏

不同點(diǎn)：

1.v-if ：可以根據(jù)表達(dá)式的值在DOM中生成或移除一個元素。

v-show:可以根據(jù)表達(dá)式的值來顯示或者隱藏HTML元素。當(dāng)v-show賦值為false時，元素被隱藏，此時查看代碼時，該元素上會多一個內(nèi)聯(lián)樣式style=“display:none”。??

?

2.v-if:支持<template>語法；

v-show:不支持<template>語法

?

總結(jié)：

(1)? ?v-if和v-show用于視圖層進(jìn)行條件判斷視圖展示

(2)? ?v-if的原理是根據(jù)判斷條件來動態(tài)的進(jìn)行增刪DOM元素，v-show是根據(jù)判斷條件來動態(tài)的進(jìn)行顯示和隱藏元素，頻繁的進(jìn)行增刪DOM操作會影響頁面加載速度和性能，由此我們可以得出結(jié)論：

? ? ? ?當(dāng)您的項(xiàng)目程序不是很大的時候，v-if和v-show都可以用來進(jìn)行判斷展示和隱藏（這種場景使用v-if只是影響不大，并不是沒有影響）；

　　當(dāng)您的項(xiàng)目程序比較大的時候，不推薦使用v-if來進(jìn)行判斷展示和隱藏，推薦使用v-show；

(3)? 只有v-if能和v-else連用進(jìn)行分支判斷，v-show是不能和v-else連用的，如果出現(xiàn)多種條件場景的情況下，可以使用v-if來進(jìn)行判斷

總結(jié)

以上是生活随笔為你收集整理的v-if v-show区别（面试题）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。