Vue条件渲染，v-if，v-for

6.条件渲染

​ 1.使用 v-if 做条件渲染：
写法：
（1）v-if="表达式"
（2）v-else-if="表达式"
（3）v-else="表达式"
适用于：切换频率比较低的场景
特点：不展示的DOM元素 直接移除
注意：v-if 可以与 v-else-if 一起使用，但要求结构不能被 打断

<h2 v-if="n === 1">欢迎来到{{name}}</h2>
<h2 v-else-if="n === 2">欢迎来到{{name}}</h2>

​ 2. v-show
写法：v-show="表达式"
适用于：切换频率较高的场景
特点：不展示的DOM元素 未被移除 ，仅仅是使用样式隐藏

<h2 v-show="false">欢迎来到{{name}}</h2>
<h2 v-show="1 === 1">欢迎来到{{name}}</h2>

​ 3.注意使用v-if时，元素可能无法获取到，而使用v-show元素一定可以获取到

​

​

​