vue的非父子组件通信(兄弟组件通信)

在平时写代码中,用的父子组件通信比较多,第一次使用非父子组件通信,浏览了一些他人的文章,大体一致的使用,一下是我的案例中使用

使用场景:在不是父子组件关系进行通信传值,在elementui中tabs页之间通信,即在负载均衡页面把异步操作获取的值传递到另一个tab页域名配置:负载均衡页面 => 域名配置页面

在我的案例中,只有在同一个路由中的组件才能进行非父子通信,两个不同的路由的组件相互通信用这个方法好像不行,不起作用,我对这个还不是了解很深入,目前还母鸡怎么肥事,望指点,十分感谢!

1、创建一个eventBus空的vue实例作为一个事件总线,作为中转,为什么用新的vue实例,易于管理(别人说的)。

在utils文件夹新建一个空的vue实例bus.js,内容如下:

/** bus.js
 * 使用eventBus
 */
import Vue from 'vue'
const bus = new Vue()
export default bus
2、使用 使用 on 接受传值,$off销毁时间绑定
/** 在负载均衡页面
*/

/** 在域名配置页面
*/

                    
                    

你可能感兴趣的:(vue的非父子组件通信(兄弟组件通信))