vue子組件數據變化同步到父組件中

方法:通過watch監聽子組件數據變化

1.父組件中注冊方法

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

2.子組件中通過watch監聽數據變化,數據變化時通過$emit來觸發方法傳參

<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>