任意组件间通信:
1.兄弟组件之间传值:
第一步:在main.js中安装全局事件总线
第二步:触发事件:
第三步: 接收数据:
全局事件总线 $bus需要满足的条件:
1.让傀儡 $bus 让所有组件都能看到。
2.$bus 能调用 $emit $on $off 。
所以 在Vue的原型对象上添加 $bus,并且$bus的值是vm,(值是vm,是因为要调用$emit $on $off)
new Vue({
el:'#app',
render: h => h(App),
beforeCreate() {
Vue.prototype.$bus = this //安装全局事件总线
},
})