vue3不使用setup方法，怎么写父子组件，复选框双向数据绑定。
子组件有多个复选框，复选框状态与父组件中的定义的data双向绑定。
劳请附上代码
方案来自 梦想橡皮擦 狂飙组基于 GPT 编写的 “程秘”
如果不使用 setup 方法，你可以采用传统的 Vue 组件通信方式来实现父子组件之间的数据双向绑定。
在父组件中定义数据，并将数据作为属性传递给子组件，然后在子组件中通过 v-model 指令与父组件中的数据进行双向绑定。
以下是一个简单的示例：
父组件代码：
<template>
<div>
<child-component v-bind:checkbox-value="checkboxValue"></child-component>
<p>选中的值：{{ checkboxValue }}</p>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent,
},
data() {
return {
checkboxValue: ['apple', 'banana'], // 父组件中的数据
};
},
};
</script>
子组件代码：
<template>
<div>
<div v-for="item in items" :key="item.value">
<input type="checkbox" v-model="checkedItems" :value="item.value">
<label>{{ item.label }}</label>
</div>
</div>
</template>
<script>
export default {
props: ['checkboxValue'], // 父组件传递过来的数据
data() {
return {
items: [
{ label: '苹果', value: 'apple' },
{ label: '香蕉', value: 'banana' },
{ label: '橙子', value: 'orange' },
],
checkedItems: this.checkboxValue, // 子组件中的数据与父组件的数据双向绑定
};
},
watch: {
checkedItems(newValue) {
this.$emit('update:checkboxValue', newValue); // 监听子组件数据变化，触发自定义事件并传递新的数据
},
},
};
</script>
在子组件中，通过 props 接收父组件传递过来的数据，并将其与子组件中的数据进行双向绑定。在 watch 监听子组件数据变化，触发自定义事件 update:checkboxValue 并将新的数据传递给父组件。
在父组件中，通过 v-bind 绑定子组件的属性，将父组件中的数据传递给子组件。在子组件数据发生变化时，通过 v-on 监听子组件的自定义事件 update:checkboxValue，并将新的数据更新到父组件中。这样就实现了父子组件之间的双向数据绑定。
vue3主要就是在setup里面写内容，你不用setup在哪里写东西，不用的话最多可以相互传个值，点击时候状态传不了啊，那你实现这个有什么意义呢
不知道你这个问题是否已经解决, 如果还没有解决的话: