创建global-bus.js文件 (呼叫中心,通信中心)

导入vue

import Vue feom 'vue'
export default new Vue()

从a传到b

b注册 a发布

b 导入 globalBus

import globalBus from 'xxxxx' 
在vue的钩子生命周期函数初始化 代码如下:

globalBus.$on('事件名称', (data  声明对象接收a传过来的值) =>{ 处理函数 })
比如:
this.user.name = data.name
this.user.photo = data.photo

a 导入 globalBus

import globalBus from 'xxxxx' 

在需要发布的地方$emit
globalBus.$emit('事件名称', 要传的值)

比如:

globalBus.$emit('事件名称', this.user)

反之同理

注意

  1. $on 注册(收) $emit 发布(传)
  2. 组件两端的事件名称必须一致
文章目录