如何清除复选框选中状态？使用vue

<template>
  <div>
    <input type="checkbox" v-model="isChecked">
    <button @click="clearCheckbox">清除选中状态</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: true
    };
  },
  methods: {
    clearCheckbox() {
      this.isChecked = false;
    }
  }
};
</script>

<template>
  <div>
    <input type="checkbox" ref="checkbox">
    <button @click="clearCheckbox">清除选中状态</button>
  </div>
</template>

<script>
export default {
  methods: {
    clearCheckbox() {
      this.$refs.checkbox.checked = false;
    }
  }
};
</script>

<template>
  <div>
    <input type="checkbox" :checked="isChecked">
    <button @click="clearCheckbox">清除选中状态</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: true
    };
  },
  methods: {
    clearCheckbox() {
      this.isChecked = false;
    }
  }
};
</script>