说明

v-if、v-else、v-else-if用于根据条件来渲染某一块的内容，条件为true时，元素会被加载渲染出来。

原理

v-if是惰性的：
当条件为false时，其判断的内容完全不会被渲染或者会被销毁掉；
当条件为true时，才会真正渲染条件块中的内容；

放在哪？

因为v-if是一个指令，所以必须将其添加到一个元素上

但是如果我们希望切换的是多个元素呢？

此时我们渲染div，但是我们并不希望div这种元素被渲染，因为多一个div会影响性能；

这个时候，我们可以选择使用template；

template元素可以当做不可见的包裹元素，并且在v-if上使用，但是最终template不会被渲染出来

和v-show的区别

1、用法上

不支持