vue子组件数据变化同步到父组件中

<Child @getChildValue="getChildValue"></Child>

<template>
    <div class="child">
        <p>子组件同步数据到父组件</p>
        <input type="text" v-model="childValue">
    </div>
</template>
<script>
export default {
    data(){
        return{
            childValue:‘‘
        }
    },
    watch: {
        childValue(val){
            this.$emit("getChildValue",{value:this.childValue})
        }
    },
}
</script>