Vue兄弟组件如何传参

Vue兄弟组件如何传参

---

通过创建EventBus，如Bus.js，事实上是实现一个简单的vuex，状态（事件）bus。把事件装到bus上实现组件间通信。

二、具体使用

1.注册

你可以在需要的地方引入这个bus，也可以全局引入添加进vue里面。
下面是eventBus.js文件中的内容

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

在main中全局引入

import eventBus from './eventBus.js'
Vue.prototype.eventBus = eventBus;//这样就可以this.eventBust来使用

你也可以只在你需要的地方引入
这样就不用加this了，但是需要多引入几次（至少两次）

2.传参和获取参数

依靠两个事件$emit和$on,很简单。
$$emit是发出参数的组件需要的，$on是接收参数的组件需要的，具体如下。

this.eventBus.$emit("key", value);
//函数体
this.eventBus.$on("key", (value) => {
});

这样就可以兄弟组件传参了。

参考文章：
https://blog.csdn.net/wei_smile/article/details/80502858