1、一种组件间通信的方式,适用于任意组件间通信
2、安装全局事件总线:
new Vue({
......
beforeCreate(){
Vue.prototype.$bus = this
}
......
})
3、使用事件总线:
(1)接受数据:A组件想接收数据
mehods(){
demo(data){
......
}
}
......
mounted(){
//第一种写法
this.$bus.$on('xxxx',this.demo)
//第二种写法
this.$bus.$on('xxxx',(data)=>{
......
})
}
(2)提供数据:this.$bus.$emit('xxxx',数据)
4、最好在beforeDestroy钩子中,用$off去解绑当前组件所用到的事件