v-if:
写法:
1)v-if="表达式"
2)v-else-if="表达式"
3)v-else
适用于:切换频率较低的场景
特点:不展示的DOM元素直接被移除
注意:v-if可以和v-else-if、v-else一起使用,但要求结构不能被打断
v-show:
写法:v-show="表达式"
适用于:切换频率较高的场景
特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉
注意:
1)使用v-if的时,元素可能无法获取到,而使用v-show一定可以获取到
2)template和v-if配合使用,不会破坏结构