這里我點(diǎn)擊child，并不會(huì)觸發(fā) grandpa 組件的監(jiān)聽(tīng)函數(shù)，即使我把parent上面的監(jiān)聽(tīng)去掉。
正常的dom元素事件也是會(huì)冒泡的，為什么這樣設(shè)計(jì)呢？

Vue.component('grandpa', {            
            template: '<div >grandpa<parent @update="handleUpdate"></parent></div>',
            methods: {
                handleUpdate() {
                    console.log("grandpa update")
                }
            },
            components: {
                'parent': {
                    template: `<div>parent<child @update="handleUpdate"></child></div>`,
                    methods:{
                        handleUpdate() {
                            console.log("parent update")
                        }
                    },
                    components: {
                        'child': {
                            template: `<div @click="$emit('update',33)">child</div>`
                        }
                    }
                }
            }
        });
        new Vue({
            el: "#root"
        });