前言
在项目里面会遇到组件与组件通信的问题,一般采用如下方式处理。
- vue的 o n 和 on和 on和emit
- window的addEventListener和dispatchEvent
o n 和 on和 on和emit
采用该方式需要考虑父子组件通信以及子组件与子组件通讯
参考:https://blog.csdn.net/qq_40431896/article/details/121288610
addEventListener和dispatchEvent
// 注册事件
window.addEventListener('eventName', function (param) {
//获取参数:param.detail.xxx
});
// 触发事件并传递参数
window.dispatchEvent(new CustomEvent('eventName', {
detail:{
xxx:xxx_value
}
}));