vue-组件之间传值-全局事件总线

全局事件总线

1.一种组件间的通信方式，适用与任意组件间的通信
2.安装全局事件总线
new Vue({
    ........
    beforeCreate(){
        Vue.protype.$bus = this  //安装全局事件总线
    },
    ........
})
3.使用事件总线
    1.接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身
        methods(){
            demo(data){
                ......
            }
        }
        .....
        mounted(){
            this.$bus.$on('xxx',this.demo)
        }
    2.提供数据：
        this.$bus.$emit('xxx',数据)
4.最好的beforeDestroy钩子中用$off去解除当前组件所用到的事件

****实际开发中全局事件总线具有局限性，建议使用vuex进行开发，可以参考我的另外一篇关于vuex的使用介绍