自定义事件的注册与触发（$on $emit addEventListener dispatchEvent）

前言

在项目里面会遇到组件与组件通信的问题，一般采用如下方式处理。

• vue的$on和$emit
• window的addEventListener和dispatchEvent

$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
    }
}));