vue3casewhen

`v-if`、`v-else` 和 `v-else-if` 是 Vue.js 模板中的条件渲染指令，用于在模板渲染过程中根据表达式的真假来渲染不同的模板块。这些指令在 Vue 3 中仍然可用，并且使用方式与 Vue 2 类似。下面是一个简单的使用示例：

<div v-if="condition1">条件1成立时显示这段文本</div>
<div v-else-if="condition2">条件1不成立，但条件2成立时显示这段文本</div>
<div v- 当 `condition1` 为 `true` 时，第一个 `<div>` 会被渲染到 DOM 中。
- 如果 `condition1` 为 `false`，但 `condition2` 为 `true`，则渲染第二个 `<div>`。
- 如果两个条件都不满足，即 `condition1` 和 `condition2` 都为 `false`，则渲染第三个 `<div>`。

使用这些指令时，Vue 会根据条件的真假来添加或移除 DOM 元素，从而实现条件渲染。这比在模板中使用 JavaScript 的条件语句（如 `if`）更加直观和方便。