vue之兄弟组件间的传值(续接父子组件传值)

vue兄弟组件之间的传值

1、在项目的src目录下创建bus文件夹并在其里面创建index.js文件，写入如下代码:

import Vue from "vue";

export default new Vue();

2、在提供值的兄弟组件写入如下代码:

import bus from "@/bus";
bus.$emit("bortherClick", "我是兄弟组件传过来的数据");

注意: bus.$emit(“bortherClick”, “我是兄弟组件传过来的数据”);放在该组件的需要触发的监听事件里面或mounted或created里都可以
3、在接收值的兄弟组件写入如下代码:

import bus from "@/bus";
bus.$on("bortherClick", (data) => {
	console.log(data); // data是兄弟组件传过来的数据
});

注意: bus.$on(“bortherClick”, (data) => { console.log(data); // data是兄弟组件传过来的数据 });需要放在mounted或created里面

注意: bus.$on的第一个参数"bortherClick"和bus.$emit的第一个参数必须相同