vue 中 v-if 和v-else 的用法

v-if 和 v-else 是 Vue 中的条件渲染指令，用于根据条件来决定是否渲染某个元素。

v-if 用法：

<div v-if="condition">
  <!-- 条件为真时渲染的内容 -->
</div>

当 condition 为真时，v-if 所在的元素会被渲染出来。当 condition 为假时，v-if 所在的元素不会被渲染出来。

v-else 用法：

<div v-if="condition">
  <!-- 条件为真时渲染的内容 -->
</div>
<div v-else>
  <!-- 条件为假时渲染的内容 -->
</div>

v-else 必须跟在 v-if 后面，用于在条件为假时渲染另一个元素。

需要注意的是，v-if 和 v-else 只能用在相邻的两个元素上，不能用在同一个元素上。如果需要在同一个元素上使用条件渲染，可以使用 Vue 的计算属性来实现。