场景：当需要同时打开两个页签，需要在切换页签的时候，重新获取数据    根据document.visibilityState结果判断。如果为visible则证明回到当前页签， 如果为hidden则证明当前页面未显示（前往了其他页签）import{onMounted,onUnmounted}from'vue';consthan

PageVisibilityAPI在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。PageVisibilityAPI提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。visibilitychange这个事件会在页面可见性变化时触发。（隐藏时、打开时）//

PageVisibilityAPI在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。PageVisibilityAPI提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。visibilitychange这个事件会在页面可见性变化时触发。（隐藏时、打开时）//

PageVisibilityAPI在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。PageVisibilityAPI提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。visibilitychange这个事件会在页面可见性变化时触发。（隐藏时、打开时）//

PageVisibilityAPI在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。PageVisibilityAPI提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。visibilitychange这个事件会在页面可见性变化时触发。（隐藏时、打开时）//

PageVisibilityAPI在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。PageVisibilityAPI提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。visibilitychange这个事件会在页面可见性变化时触发。（隐藏时、打开时）//

PageVisibilityAPI在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。PageVisibilityAPI提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。visibilitychange这个事件会在页面可见性变化时触发。（隐藏时、打开时）//

document.addEventListener('visibilitychange',function(e){console.log(document.visibilityState);letstate=document.visibilityStateif(state=='hidden'){console.log(document

在HTML5中，文档对象（即document对象）具有一个visibilityState属性，该属性表示当前文档对象的可见性状态。visibilityState可能的取值有以下三种：-visible：表示文档当前处于激活状态，即当前选项卡处于前台或当前窗口处于屏幕最上层。-hidden：表示文档当前处于非激活状态，

页面可见性：用来判断用户是否正在浏览某个指定标签页HTML5提供了这样一个方法：visibilitychange页面事件来判断当前页面可见状态，并针对性的执行某些任务。同时还有新的docum

为什么会用到监听隐藏显示窗口的事件呢？主要是因为页面中有计时器，窗口隐藏页面隐藏后，计时器暂停，这里使用了重新获取数据，重新启动倒计时的功能解决，所以需要监听事件。metho