【Uniapp-Vue3】v-if条件渲染及v-show的选择对比

如果我们想让元素根据响应式变量的值进行显示或隐藏可以使用v-if或v-show

 一、v-show 

另一种控制显示的方法就是使用v-show，使用方法和v-if一样，为true显示，为false则不显示。

二、v-if

v-if除了可以像v-show一样单独使用外，还可以和其他的搭配使用。

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

需要注意，v-if和v-else之间不能有其他的东西，就像下面这样：

 我在v-if和v-else之间多加了两个“--”，会报错，但是允许中间有空格。

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

同样的，中间不能被其他东西打断，可以有空格。

三、v-show和v-if的区别 

他们在值为true都进行显示，在false的时候进行隐藏，但是隐藏的方式不同。

我们可以看见：v-show是以改变display的方式进行隐藏，v-if是以不渲染DOM的形式进行隐藏。