1.  在A组件中通过创建CustomEvent对象，通过window.dispatchEvent派发消息

示例代码：

const event = new CustomEvent('updateCardNumber', {
  detail: {
    // 此处为传递的参数
    params: '发送消息'
  }
});

// 向全局对象派发事件
window.dispatchEvent(event);

2.  在B组件中通过window.addEventListener添加监听事件接收消息

示例代码：

// 必须是具名函数，不能是匿名箭头函数
function updateNumber(e) {

  console.log('我点击了按钮：',e)
  alert(JSON.stringify(e.detail))}

// 即使执行多次，也只会有一次生效
window.removeEventListener('updateCardNumber', updateNumber); 
window.addEventListener('updateCardNumber', updateNumber);

3.  保存后预览，点击按钮，即可调试查看到传递的消息数据