vue if else

Vue.js 提供了多种条件渲染的方式，包括 `v-if`、`v-else-if` 和 `v-else`。

你可以使用 `v-if` 指令来根据条件动态地渲染或移除元素。例如，以下代码会根据 `isShow` 的值决定是否渲染一个元素：

<div v-if="isShow">
  <!-- 这里是要渲染的内容 -->
</div>

如果你还想添加其他条件，你可以使用 `v-else-if` 指令。例如，以下代码会在 `isShow` 为 `false` 且 `isOtherShow` 为 `true` 时渲染一个元素：

<div v-if="isShow">
  <!-- 这里是要渲染的内容 -->
</div>
<div v-else-if="isOtherShow">
  <!-- 这里是其他要渲染的内容 -->
</div>

最后，你可以使用 `v-else` 指令指定一个默认的条件，当之前的条件都不满足时会渲染该元素。例如，以下代码当 `isShow` 和 `isOtherShow` 都为 `false` 时会渲染一个元素：

<div v-if="isShow">
  <!-- 这里是要渲染的内容 -->
</div>
<div v-else-if="isOtherShow">
  <!-- 这里是其他要渲染的内容 -->
</div>
<div v-else>
  <!-- 这里是默认要渲染的内容 -->
</div>

这就是 Vue.js 中条件渲染的基本用法，你可以根据具体的业务需求来灵活运用这些指令。