vue2.0 事件广播实例

vue2.0 广播实例

vue2.0中可以使用 $emit, $on, $off 分别来分发、监听、取消监听事件,因为Vue 实例实现了一个事件分发接口,所以通过new vue（）

第一步：全局设置

在vue项目中找到全部APP.vue文件，加上以下代码

 eventHub: new Vue()

第二部

这样我们就可以在任何组件都可以调用事件发射接收的方法
某一个组件内调用事件触发

//通过this.$root.eventHub获取此对象
//调用$emit 方法
this.$root.eventHub.$emit('你的事件名字', 你的需要传送的数据)

第三部

一个组件发射了一个事件 ，可以理解成我发送了一个广播，如果其它组件有需要我的广播，就可以监听调用

this.$root.eventHub.$on('你的事件名字', (传送的数据)=>{
  handle(yourData)
} )

注意点：事件名要相同