vue2兄弟组件传值大家都会，但是vue3怎么兄弟组件传值，其实很简单上操作。

vue2兄弟组件传值大家都会，但是vue3怎么兄弟组件传值，其实很简单上操作。

Vue3 中没有了 EventBus 跨组件通信，但是现在有了一个替代的方案 mitt.js，原理还是 EventBus

vue3兄弟传值只需安装一个小插件      npm i mitt -S

  在src文件夹中建一个  mitt.js文件 文件中写入以下内容

// 先安装 npm i mitt -S
// 然后像以前封装 bus 一样， 封装一下
import mitts from 'mitt'
const mitt = mitts()
export default mitt

兄弟组件a

    import mitt from "../mitt";// 引入busimport { onUnmounted } from "vue"; const goAdd = (e) => { console.log("我是兄弟b传过来的数据", e);};("goAdd", goAdd); // 第一个参数是事件的名字，第二个是函数onUnmounted(() => { // 销毁的时候给他解绑mitt.off("goAdd", goAdd);});

兄弟组件b

  <template><button @click="btn">我是兄弟组件b</button></template>import mitt from "../mitt";function btn() {it("goAdd", '我发给另一个组件'); // 第一个 事件的名字   第二个是要穿的参数}return{btn}