安装

• yarn切换到私有源

yarn config set registry http://192.168.10.10:4873/

• 安装

yarn add vue-same-origin-broadcast --save

• main.js引入

// 同源多标签间通信
import vueSameOriginBroadcast from 'vue-same-origin-broadcast';
Vue.use(vueSameOriginBroadcast, {
  clientId: website.clientId,
  clientSecret: website.clientSecret
});

• 发送消息

this.$broadcastMessage({ customData: 'Custom Message cpsc' })

• 接收消息

 mounted() { 
    this.$onBroadcastMessage((message) => {
      console.log('Received broadcast message for this route:', message);
      if (message && message.clientId != website.clientId) { 
        this.onLoad(this.page)
      }
    });
  },