条件渲染:
- v-if:
- v-if=”表达式”
- v-else-if=”表达式”
- v-else=”表达式”
- 适用于切换频率比较低的场景,不展示的dom元素直接被移除
- v-if可以和v-else-if、v-else一起使用,但要求结构不能被打断
- v-if可以和template一起使用,解析时浏览器中的源代码里template不会出现,结构不会被改变,但v-show不可以。
2.v-show:
- v-show=”表达式”
- 适用于切换频率比较高的场景,不展示的dom元素未被移除,仅仅是使用样式隐藏掉
- 使用v-if时,元素可能无法获取到,但使用v-show一定可以获取到
