Vue全局事件总线$bus安装与应用小结

new Vue({
    ......
    beforeCreate(){
        //安装全局事件总线，$bus就是当前应用的vm
        Vue.prototype.$bus=this
    }
    ......
})

methods(){
    //事件的回调，用来接收数据
	demo(data){
        ……
    }
}
……
mounted(){
    //必须要在mounted中绑定自定义事件,xxx为自定义事件的名称，this.demo为事件回调
	this.$bus.$on(‘xxx',this.demo)
}

this.$bus.$emit(‘xxx',数据)

//在A组件中，组件销毁之前解绑事件
beforeDestory(){
    this.$bus.$off('xxx')
}