一、v-if 与 v-else
v-if为真时,显示v-if的内容,否则显示v-else的内容
1 | <h2 v-if="true">v-if</h2> |
2 | <h2 v-else>v-else</h2> |
v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。
二、v-else-if
1 | <div v-if="type === 'A'"> A </div> |
2 | <div v-else-if="type === 'B'"> B </div> |
3 | <div v-else-if="type === 'C'"> C </div> |
4 | <div v-else> |
类似于 v-else,v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后