vue3+ts 任意组件间的通信 mitt的使用

琉-璃2025-11-04 16:31

1、新建以下文件夹：

2、父组件、兄弟姐妹组件美容，如下：

3、在router/index.ts文件中引入父组件，并添加路由

4、在App.vue中加菜单

5、打开控制台，输入：

复制代码

npm I mitt

6、建src/utils/emitter.ts文件，内容如下：

7、在兄弟页面ref腾个空位置，通过emitter.on方法传递，在界面上展示出来

8、在姐妹页面给她一辆车，再给个点击事件，通过点击效果把车传给兄弟

9、效果如图