JS消息传递

设定好消息格式如下：

let message = {
    "resourseId": "assetId",
    "childrenResourseIds": [],
    "topoId": "self.topoId",
    "InfoSource": "2D"
  }

如果在同一脚本中可以直接获取到对应的值。如下：

message.topoId

当我们向窗口发送消息让其他窗口接收到消息，需要通过

window.postMessage(message, "*");

此处要传对象而不是json字符串，否则在接收方无法通过消息体获取到对应key的值。

接收消息代码如下：

window.addEventListener(
    "message",
    function (e) {
      var data=e.data;
	  console.log(data);
	  console.log(data.topoId);
      console.log(e);
    },
    false
  );

2019.11.27更

当我们切换页面的时候，监听依然存在，第一浪费性能，第二可能影响后续的程序运行。所以我们要在切换页面之前将监听事件移除。

vue中移除代码如下：

beforeDestroy() {
    //在组件生命周期结束的时候销毁。
    console.log("dcvim移除函数");
    window.removeEventListener("message", this.ListernerHandle, false);
    console.log("dcvim移除结束");
  }

beforeDestroy是vue的声明周期函数，在页面被销毁前会被调用。注意：要移除监听，就要修改增加监听的函数形式。在增加监听的位置不可以使用匿名函数。且要确定在增加监听和移除监听的参数一样。

如：

 window.addEventListener("message", this.ListernerHandle, false);

研究了一下午，再加上有时候vue编译启动后时好时坏。第一次编译程序没有正常运行，当我在vue中加入log再次重新启动竟然好用了。领导说我是新手哪里没弄懂，搞错了，我表示很无奈。

最近做js心情超级差，寻思不懂的问题问下公司里做js的，可是都是回的不会，查百度。我惊呆了，程序员有这么冷漠吗。或者说做js的都这么冷漠吗？之前的公司互相探讨问题都能讲一下午，巴不得你来问我问题。也许是这个大公司的氛围就是这样吧，冰冷的办公室。努力，跳离这个圈！