vue中对window.openner的使用

先说结论：window.openner是做什么的？在vue中新窗口可以使用window.openner调用父窗口的方法。下面就来通过笔者的文章进行更详细的学习吧！

背景

最近项目中使用到了Mqtt做即时通讯的功能，需求要求主页面全局要有一个消息提示功能，当收到一条消息则小铃铛右上方显示新消息的数目，点击小铃铛则全局停止接收消息并且浏览器打开新窗口，在新页面中接收消息，如下图所示：

要实现如上需求需要考虑如下几点：

（1）在父页面中建立Mqtt连接并接收消息

（2）点击小铃铛时，断开父页面mqtt连接并且在新窗口打开页面

（3）在新页面中建立Mqtt连接并接收消息

（4）新页面关闭时，要通知父页面重新建立Mqtt连接并接收消息

以失败告终的尝试——EventBus

小脑瓜左思右想之后，确定了关键点不就在于新窗口关闭了通知一下父窗口吗~ 用EventBus试试吧！于是乎写了如下代码：

main.js文件中：<