Fork me on GitHub

Vue 组件之间的通信(全局事件总线)

1.安装全局总路线

安装之前我们先看一下图解:

  意思就是组件1往App的外部(VM),传递一个方法和数据,然后组件2再去调用他,并且接收数据,组件二就能组件一的数据

 

 我们先在main.js上给Vue实例添加原型和方法,因为需要在数据挂载前使用,使用了生命周期beforeCreate

 

2.使用

在student组件上发送自定义事件和数据

 

 在school组件上利用生命周期来触发接收事件,最好在VM销毁前销毁这个自定义事件

 

 3.效果

点击student组件的按钮,就能往school组件发送student的数据

 

 

 

posted @ 2022-04-09 16:16  十点差三分yn  阅读(77)  评论(0编辑  收藏  举报
1