利用 postMessage 进行数据传递 （iframe 及web worker）及问题

一 postMessage应用于主页面和iframe之间进行数据的传递

1  子iframe页面向主页面进行数据传递；

// 多个子iframe需要将自己的计数统计到主页面进行数据上报
window.parent.postMessage({
    count:count(),
    id:'1'
},'*');
// 主页面进行接收
window.onmessage = (e)=>{
    if(!e.data.id) return;
    var id = e.data.id;
    var count = e.data.count;
    // 根据收到的子页面的数据进行更新的操作 通过id判断具体是哪个页面
    updateCountMessage(id,count);
};

2  主页面向子页面进行数据的下发，比如需要将初始计数的数据分发到各个iframe

// 给各个iframe添加加载事件 以vue框架为例
// template
<iframe :ref="item.id" @load="loadandpostmessage" :data-id="item.id&#