1.是一种组件间通信的方式,,适用于任意组件间的通信
2.安装全局事件总线:
在main.js文件中
new Vue({
router,
store,
render: h => h(App),
brforeCreate(){
Vue.prototype.$bus=this //安装全局事件总线
}
}).$mount('#app')
3.使用事件总线:
1.提供数据 school组件中提供数据
methods: {
sendMsg(){
this.$bus.$emit("hello",this.name)
}
},
2.student组件中接收数据
this.$bus.$on('hello',(data)=>{
console.log("student组件,收集了数据",data);
})
4.用完之
beforeDestroy(){
//销毁
this.$bus.$off('hello')
}
后销毁