一、创建一个广播通道
// 创建一个名为 'vue-apps-channel' 的广播通道
const channel = new BroadcastChannel('vue-apps-channel');
二、发送消息
channel.postMessage({type: 'popup', message: false});
三、接收消息(也需要创建广播通道)
// 也创建一个名为 'vue-apps-channel' 的广播通道
const channel = new BroadcastChannel('vue-apps-channel');channel.onmessage = function(event) {console.log('收到消息:', event.data);
};
三、接收消息(也可以使用 addEventListener 方法来监听消息)
// 也创建一个名为 'vue-apps-channel' 的广播通道
const channel = new BroadcastChannel('vue-apps-channel');channel.addEventListener('message', function(event) {console.log('收到消息:', event.data);
});