iframe页面向父页面传值——postMessage用法

最近在做系统的迁移，需要将老的系统作为iframe嵌入到新系统中，其中某些信息需要通过iframe的页面传到父页面中，调用contentWindow，因为新系统和老的系统域名不一样，会报跨域问题，最后选择了postMessage这种方法。

用法：
iframe的页面中：

window.parent.postMessage(你要传递的值,传递到那个域名);
如:
window.parent.postMessage('变量a','http://xxx.com');

我是使用的vue，所以在create中监听

created(){
            window.addEventListener("message",(event)=>{
                	console.log('event',event)
                }
            }, false) ;
        },

从event就能取到你需要的值啦～