昨天晚上还在看尚硅谷的事件总线,今天就用到了。
时间总线就是用一个任意组件都能看到的文件,比如说如下的代码就实现了一个谁都能看见的组件
新建一个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) => {
这里写处理语句
} )