vue基本属性-条件与循环

1、v-if

条件判断使用 v-if 指令：

<span v-if="flag">
     如果flag为true则显示,false不显示!
</span>

2、v-else

<div v-if="Math.random() > 0.5">
     Sorry
</div>
<div v-else>
     Not sorry
</div>

3、v-else-if

<div id="app">
    <div v-if="type === 'A'">
      A
    </div>
    <div v-else-if="type === 'B'">
      B
    </div>
    <div v-else-if="type === 'C'">
      C
    </div>
    <div v-else>
      Not A/B/C
    </div>
</div>

4、v-show

<h1 v-show="ok">Hello!</h1>