如何在vue 3脚本设置中对组件使用v-model

<template>
  <div>
    <custom-component v-model="data"></custom-component>
  </div>
</template>

<template>
  <input :value="value" @input="updateValue($event.target.value)">
</template>

<script>
export default {
  props: ['value'],
  methods: {
    updateValue(newValue) {
      this.$emit('update:value', newValue);
    }
  }
}
</script>

<template>
  <div>
    <custom-component v-model="data"></custom-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: ''
    }
  },
  watch: {
    data(newValue) {
      console.log(newValue); // 在这里可以处理更新后的值
    }
  }
}
</script>