VUE基础-条件渲染

使用 v-if 指令来有条件地渲染元素：
也可以使用 v-else 和 v-else-if 来表示其他的条件分支：

完整示例：

<script setup>
import { ref } from 'vue'

const awesome = ref(true)

function toggle() {
  awesome.value = awesome.value == false
}
</script>

<template>
  <button @click="toggle">toggle</button>
  <h1>{{awesome}}</h1>
  
  <h1 v-if="awesome">Yeah Yeah</h1>
  <h1 v-else>Oh no 😢</h1>
 
</template>