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里面