vue中v-if和v-show的作用

使用v-if,v-else,v-else-if时组件之间除了空格外不能有任何的东西

1.v-if判断是否显示

v-if用来判断页面中的视图数据是否拥有，如果为true那么就会显示数据，为false时页面中不会显示

2.v-else配合v-if使用

在两个组件中分别使用了v-if和v-else两个属性,在v-if为true是显示v-if属性所在的组件，这时v-else所在的组件不会显示且在页面中不会有代码，v-if为false时，v-if属性所在的组件不会显示且在页面中不会有代码，v-else所在的组件会显示。

3.v-else-if配合v-if使用

从v-if开始再从上往下哪个v-else-if先为true谁先执行只会执行一个

4.v-show判断视图是否显示

用来判断页面中的视图数据是否显示，如果为true那么就会显示数据，为false时页面中不会显示,但只是在样式上隐藏而不是不输出代码