Vue 事件总线——实现任意两个组件间的数据通信

昨天晚上还在看尚硅谷的事件总线,今天就用到了。

时间总线就是用一个任意组件都能看到的文件,比如说如下的代码就实现了一个谁都能看见的组件

新建一个event-bus.js文件

import Vue from 'vue'

export const EventBus = new Vue()

新建的event-bus.js文件不需要引入main.js文件

假如A组件要给B组件传递数据

A组件和B组件都需要import event-bus.js文件

A组件中编写一个方法,在适当的时候调用,如下面这段代码

 sendmessage(){

        EventBus.$emit( 'Amsg' , this.message);

 },

B组件如果要接受消息

 EventBus.$on('Amsg', (msg) => {

这里写处理语句

} )

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容