vue3 v-if的使用

Vue3中v-if指令用于动态渲染一块内容，只有当该指令的表达式值为true时才渲染，也可配套使用v-else指令设置一个else-if块和else块。以下是v-if的使用方法：

<template>
  <div>
    <h1 v-if="ifSee">hello Vue3.0!</h1>
    <h1 v-else-if="ifSeeMore">hello more Vue3.0!</h1>
    <h1 v-else>Oh no!</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ifSee: true,
      ifSeeMore: false
    }
  }
}
</script>

在上面的例子中，如果ifSee的值为true，则渲染第一个h1标签，否则如果ifSeeMore的值为true，则渲染第二个h1标签，否则渲染第三个h1标签。