vue3实现checkbox复选框

在 Vue 3 中实现复选框可以使用 `v-model` 指令结合 `input` 标签和 `checkbox` 类型。具体实现步骤如下：

1. 在 data 中定义一个布尔类型的变量来存储复选框的状态，例如 `isChecked`。

2. 在模板中使用 `v-model` 指令将 `isChecked` 与 `input` 标签绑定起来：

   <template>
     <div>
       <input type="checkbox" v-model="isChecked">
       <label>复选框</label>
     </div>
   </template>

3. 可以给 `input` 标签添加 `value` 属性来指定复选框选中时的值，例如：

   <input type="checkbox" v-model="isChecked" value="1">

如果不指定 `value` 属性，默认选中时的值为 true，不选中时的值为 false。

完整的代码示例：

<template>
  <div>
    <input type="checkbox" v-model="isChecked">
    <label>复选框</label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: false
    };
  }
};
</script>