父子页面跨域通信 window.postMessage() / 监听route变化

方式1 ： window.postMessage()

      语法：
        发送端：targetWindow.postMessage(message, targetOrigin, [transfer])

            备注：targetWindow 是接收消息的窗口的引用

                1.1 父端：window.frames +索引值  ： 如 window.frames[0]

                1.2 子端：window.parent

                   message 是要具体传的值：例如 { width: 10 }

                   targetOrigin 是指定目标窗口的来源，可以是字符串“*”或URI， *表示任何目标窗口都可接收
 
                   transfer是可选参数
    
        接收端：window.addEventListener("message", receiveMessage, false);

            备注：“message” 是固定的属性，是指要监听消息类型

                  receiveMessage 是方法名，也就是监听到消息后要处理的方法

    例子：

    父parent.html ：

  <iframe id="iframeId" name="iframeId" width="100%" src="http://localhost:8080/"