如何处理Vuejs中没有父事件的click checkbox？

<template>
  <div>
    <!-- 绑定change事件到handleCheckboxChange方法 -->
    <input type="checkbox" @change="handleCheckboxChange">
  </div>
</template>

<script>
export default {
  methods: {
    handleCheckboxChange(event) {
      // event.target.checked 可以获取checkbox的当前状态
      console.log('Checkbox changed:', event.target.checked);
      // 这里可以添加更多的逻辑来处理状态改变
    }
  }
}
</script>

<template>
  <div>
    <!-- 使用v-model双向绑定checkbox状态 -->
    <input type="checkbox" v-model="isChecked">
    <!-- 显示当前状态 -->
    <p>Checkbox is {{ isChecked ? 'checked' : 'unchecked' }}</p>
  </div>
</template>

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