您的位置:

Vue v-if v-else详解

一、v-if 和 v-else的基本使用

Vue中的v-if和v-else是用于条件性渲染的指令,只有当指定条件为 true 时才会渲染对应的DOM元素。下面的代码演示了v-if和v-else的基本用法:

<template>
  <div v-if="isShow">
    <h3>这是v-if渲染出来的内容</h3>
  </div>
  <div v-else>
    <h3>这是v-else渲染出来的内容</h3>
  </div>
</template>