条件渲染

1 v-if:

写法：

(1). v-if=”表达式”

(2) v-else-if=”表达式”

(3) v-else

适用于：切换频率较低的情景

特点：不展示的DOM元素直接被移除

注意：v-if和v-else-if,v-else一起使用时要求结构不能被打断

2 v-show

写法： v-show=”表达式”

适用于：切换频率较高的场景

特点：不展示的DOM元素未被移除，使用display=none隐藏掉

PS：

1 使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到

2 v-if可以和template配合使用