安装 mitt

npm i mitt

新建 utils包，新建 emitter.ts文件

// 引入mitt
import mitt from 'mitt'
// 调用mitt得到emitter ，可 绑定事件、触发事件
const emitter = mitt()
// 暴露emitter
export default emitter

 使用

接收端

引入

import emitter from "../utils/emitter.ts";

给emitter绑定事件

emitter.on('send-content', (value) => {
   console.log( 'send-content',value)
})

发送端

引入

import emitter from "../utils/emitter.ts";

发送数据

  <div @click="emitter.emit( 'send-content',888)">查看 父的 内容</div>