子组件，可以使用 `modelValue` 来接收通过 `v-model` 传递的数据，
`modelValue` 是 `v-model` 在子组件内部的一个特殊属性，用于双向绑定传递的数据。
在Vuejs中，`v-model`用于实现表单元素的双向数据绑定，它实际上创建了一个名为`modelValue`的prop，
并在子组件内部自动将这个prop更新为与父组件的数据保持同步，这是基于Vue的编译时行为和指令的实现。
如果，你使用一个不同的变量名来接收`v-model`传递的值，那么父组件中的数据将无法正确的绑定到子组件中，
这是因为，`v-model`在内部使用`modelValue`这个特殊的prop名，来维护双向数据绑定的，
因此，为了保证数据的正确传递，子组件中用于接收父组件传递的值的变量名必须是`modelValue`，而不能是别的名字。
在Vue.js中，使用v-model指令可以在父组件和子组件之间建立双向数据绑定，
这种双向绑定的实现依赖于子组件内部的 modelValue 属性，
这是一个特殊的属性名，用于在子组件中接收来自父组件的数据，并在内部维护这个数据的状态。
下面我将详细解释一下父子组件使用 v-model 传递数据的过程：
- 在父组件中，使用
v-model指令将数据绑定到子组件上，如：
<template>
<ChildComponent v-model="parentData" />
</template>
<script>
export default {
data() {
return {
parentData: 'initial value'
}
}
}
</script>
- 在子组件中，接收来自父组件的数据，并使用
modelValue属性来维护这个数据的状态，如：
<template>
<input type="text" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />
</template>
<script>
export default {
props: {
modelValue: String
}
}
</script>
在子组件中，modelValue是一个特殊的 prop 名称，用于接收来自父组件的数据，
同时，子组件内部的输入框使用 :value 绑定到 modelValue，并通过 @input 事件触发 update:modelValue 事件，将输入框的值传递给父组件。
这样，当父组件中的数据发生变化时，子组件中的输入框会同步更新，
反之，当子组件中的输入框的值发生变化时，父组件中的数据也会同步更新，
这就是v-model在父子组件之间实现双向数据绑定的过程
