在Vue开发中v-if指令和v-show指令的使用介绍和区别及使用场景

一、条件渲染

v-if

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。

Vue is awesome!

v-else

你也可以使用 v-else 为 v-if 添加一个“else 区块”。

Vue is awesome!
Oh no

v-else-if

v-else-if 提供的是相应于 v-if 的“else if 区块”。它可以连续多次重复使用：

A
B
C
Not A/B/C

和 v-else 类似，一个使用 v-else-if 的元素必须紧跟在一个 v-if 或一个 v-else-if 元素后面。