原生js如何实现EventBus通讯?
网友回复
两种方式
1、通过document.addEventListener实现
// 监听事件,当事件触发时,执行回调函数
document.addEventListener('test', (event) => {
console.log(event.detail.title); // 从事件对象中获取传递的数据
});
// 创建一个带有自定义数据的 CustomEvent 对象
const event = new CustomEvent('test', {
detail: { title: '事件携带的数据' } // 使用 'detail' 属性来传递额外的数据
});
// 触发事件,并将自定义数据作为参数传递
document.dispatchEvent(event);
2、自定义写一个eventbus类
<script type="text/javascript"> ...
点击查看剩余70%


