Vue入门 - 条件渲染与列表渲染

1 条件渲染

1. 条件渲染根据布尔值活表达式判断是否渲染。
2. 条件渲染有一下两类：
   
   • v-if系列：值为true时插入dom，否则移除。
   • v-show：节点保持在dom中，只是控制css的display属性。

1.1 v-if系列

v-if系列指令包括：
1. v-if
2. v-else
3. v-else-if

<h1 v-if="name='A'">Ah1>
<h1 v-else-if="name='B'">Bh1>
<h1 v-else-if="name='C'">Ch1>
<h1 v-else>not A B Ch1>

1. 若要在多个元素上使用v-if指令，可以用