如何在Vue中执行window.addEventListener这样的操作

需求内容

对应用所有的页面都监听一个网络状态改变事件，当网络状态改变时，弹出对应的消息提示

最初想法是使用online监听事件

window.addEventListener('online', () => {
    
    
            this.onLine = true
        })

这样虽然可以监听到事件，但只能在当前页面
online事件并没有挂载到全局

日常开发中可能经常有类似的场景，比如检测登录状态等等，我们需要执行的逻辑必须挂载到全局中

百度很久都没有答案，这里记录一下

方案

在App.vue文件中执行window.addEventListene即可，这样所有页面都会对网络状态改变做出反应