Vue - 兄弟组件通信(eventBus)

前言

父子组件之间通信需求很常见,本文主要介绍两个毫无关联的兄弟组件之间通信。

使用 EventBus 事件总线,它允许两个子组件直接通信,

并且不需要涉及父组件,耦合低故推荐。
在这里插入图片描述

第一步

在组件之外定义一个全新 Vue 实例作为组件间通信的 桥梁,只有这样才能让两个毫无关联的组件建立关联。

在项目任意位置新建 bus.js,写入以下代码:

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

第二步

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/123654416