如果我們想讓元素根據(jù)響應(yīng)式變量的值進(jìn)行顯示或隱藏可以使用v-if或v-show

?一、v-show?

另一種控制顯示的方法就是使用v-show，使用方法和v-if一樣，為true顯示，為false則不顯示。

二、v-if

v-if除了可以像v-show一樣單獨(dú)使用外，還可以和其他的搭配使用。

1. v-if和v-else一起使用

需要注意，v-if和v-else之間不能有其他的東西，就像下面這樣：

?我在v-if和v-else之間多加了兩個(gè)“--”，會(huì)報(bào)錯(cuò)，但是允許中間有空格。

2.??v-if和v-else-if和v-else一起使用

同樣的，中間不能被其他東西打斷，可以有空格。

三、v-show和v-if的區(qū)別?

他們?cè)谥禐閠rue都進(jìn)行顯示，在false的時(shí)候進(jìn)行隱藏，但是隱藏的方式不同。

我們可以看見：v-show是以改變display的方式進(jìn)行隱藏，v-if是以不渲染DOM的形式進(jìn)行隱藏。

?