父元件 => props[parent-data] => 子元件 => watch[parent-data] => children-data = parent-data // 子元件監聽父元件的改變

子元件 => $emit[children-data] => 父元件 => parant-data = children-data // 子元件通知父元件自身的改變

// 父元件
<div>
    <Children :parentData="parentData" @getChildrenStatus="getChildrenStatus"></Children>
</div>
 

// 父元件
data(){
    return {
        parentData: 1
    }
},
methods: {
    getChildrenStatus: function(data){ // 實時更新子元件的變化
        this.parentData = data
    }
}

//子元件
data(){
    return {
        chiildrenData: 1
    }
},
props: ['parentData']
watch: {
    parentData: function(){ // 監聽父元件的變化
        this.childrenData = this.parentData
    }
}
mounted(){
    this.$emit('getChildrenStatus', this.childrenData) // 將改變通知父元件(保證父子元件資料一致)
}