1、导入依赖库
npm i mitt --save
2、在src/util文件夹下创建文件mitt.js，创建bus
import mitt from "mitt";
const bus = mitt();
export default bus;
3、在需要接收数据的文件中引入bus，添加监听
import bus from '@/util/mitt'
bus.on('acceptData', (data) => {
console.log(data)
})
4、在需要发送数据的文件中也引入bus，在合适位置触发监听事件，传递数据
bus.emit("acceptData", {a:1})
跨级组件通信所谓跨级组件通信，就是父组件向子组件的子组件通信，向更深层的子组件通信。跨级组件通信可以采用下面两种方...
Vue2.x组件通信12种方式写在后面了，先来 Vue3 的 Vue3 组件通信方式 props $emit ex...
组件关系 组件关系可以分为父子组件通信、兄弟组件通信、跨级组件通信。 父子组件通信 1. 子组件使用 $emit(...
需要组件之进行通信的几种情况： 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 ...
7.7 组件通信 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信 7.7.1 自定义事件—子组件给父组件传...
需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...
需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...
需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...
组件关系可以分为父子组件通信、兄弟组件通信、跨级组件通信 自定义事件--子组件给父组件传递数据 子组件$emit(...
首次发表在个人博客 需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关...
本文标题：vue3 跨组件通信
本文链接：https://www.haomeiwen.com/subject/bbbxkjtx.html
网友评论