在我的应用程序上使用:Value时无法访问V-model (Vue3)

<!-- 子组件 -->
<template>
<input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
</template>

<script>
export default {
props: {
modelValue: String
}
}
</script>

<!-- 父组件 -->
<template>
<CustomInput v-model="inputValue" />
</template>

<script>
import CustomInput from './CustomInput.vue';

export default {
components: {
CustomInput
},
data() {
return {
inputValue: ''
};
}
}
</script>

<!-- 子组件 MyInput.vue -->
<template>
<input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
</template>

<script>
export default {
props: {
modelValue: String
}
}
</script>

<!-- 父组件 App.vue -->
<template>
<my-input v-model="message"></my-input>
<p>Message is: {{ message }}</p>
</template>

<script>
import MyInput from './MyInput.vue';

export default {
components: {
MyInput
},
data() {
return {
message: ''
};
}
}
</script>