// main.js中进行省声明公共总线
new Vue({
// 将app组件放到容器中
render: h => h(App),
beforeCreate(){
Vue.prototype.$bus = this
}
}).$mount('#app')
// 在需要设置监听的位置给一个监听
mounted(){
this.$bus.$on('xxx',(data)=>{
console.log('B组件已经接收到数据,数据内容是:',data)
})
}
//在合适的位置进行触发,并传过来数据即可
methods:{
sendchild(){
this.$bus.$emit('xxx','您好我是A组件')
}
}