vue3中怎么使用ref去定义一个boolean类型是护具

在Vue 3中，你可以使用`ref`来定义一个布尔类型的变量，就像定义普通的变量一样。`ref`是Vue提供的反应式引用类型，它可以跟踪数据的变化并确保视图始终与之同步。下面是使用`ref`创建一个布尔型变量的基本步骤：

import { ref } from 'vue';

export default {
  setup() {
    // 定义一个初始为false的布尔型ref
    const is盾牌 = ref(false);

    // 可以直接给ref赋值或修改它的值，视图会自动更新
    isShield.value = true; // 改变为true

    // 返回这个ref以便在模板中使用
    return { isShield };
  }
}

在模板中，你可以像访问普通属性那样使用它：

<template>
  <button @click="isShield.value = !isShield.value">Toggle Shield</button>
  <p>Is shield active? {{ isShield }}</p>
</template>

每当`isShield`的值改变时，对应的文本会立即更新。