2024年最全Vue兄弟组件之间通信 eventBus(1)，面试官说跳槽太频繁

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

三、发布Bus消息的组件

Bus.$emit(‘getTarget’, event.target);

四、接收Bus消息的组件

Bus.$on(‘getTarget’, target => {

console.log(target);

});

注意哈，这个其实就是发布订阅的关系，接收消息的这一段也就是第四条，他要在页面一加载出来就订阅，不然发的消息可能接收不到，一般写在 created 或者是 mounted 钩子里面。

使用案例

---

两个组件，dome01 和 demo02 ，两个组件从 dome01 发送消息给 demo02，dome02 收到 dome01 发送的消息后展示到自己的界面上去！不使用 props 和 Vuex ，就使用 eventBus 实现。

首先创建 bus.js 文件

import Vue from ‘vue’;

export default new Vue();

编写 dome01 组件

这是demo01组件

<button @click=“add”> 点击向dome02组件发送消息

编写 dome02 组件

这是dome02组件

这个地方展示dome01组件的命令

{{msg}}