vue 3.x中 非父子组件之间的传值

在vue3.x版本中，非父子组件之间的传值需要借助第三方模块儿mitt来实现

1. 下载安装mitt模块儿

npm i --save mitt

2.创建一个js模块儿(bus.js)

// 引入mitt模块儿
import mitt from 'mitt'
// 创建bus实例
const bus=mitt();
//导出bus实例
export default bus;

3. 分别在子组件中导入bus模块儿
   

   控制台输出bus实例，发现其是一个对象
   

4. 使用emit属性发送自定义事件，on属性监听自定义事件
   
   
   value为传递过来的数据