假设现在子组件只是一个按钮，按钮点击后会改变子组件的 data 数据。

为什么这样子操作只会触发子组件的 updated 而不会触发父组件的 updated 呢？

有没有什么方法是不修改子组件的情况下，在父组件捕获子组件的这种更新呢？

<div id="app">
  <abc></abc>
</div>

Vue.component("abc",{
    name:"abc",
    template:`<div @click="add()">{{hi.a}}</div>`,
    data(){
        return{
            hi:{a:"1"}
        }
    },
    methods:{
        add(){
            this.hi.a = this.hi.a + "1";
        }
    },
    updated(){
        console.log("com-updated");
    }
});

new Vue({
  el: '#app',
    updated(){
        console.log("updated");
    }
})