规范

在浏览器中，从别的标签页切换到目标标签页，可以考虑监听其事件并且刷新目标页中的部分数据

例如:

1. 从标签页1（前端项目A）点击记录X
2. 跳转至标签页2（前端项目B）中修改此记录X
3. 关闭标签页2（前端项目B） 或 人为切换至标签页1（前端项目A）

此时标签页1（前端项目A）中的记录X的相关信息理应刷新至最新状态。

示例

// ...
methods: {
  documentChange(){
    // 标签页恢复显示
    if (document.visibilityState === 'visible') {
      // update something
    }
  }
},
mounted() {
  // 监听标签页可视状态
  document.addEventListener('visibilitychange', this.documentChange, false)
  // ...
},
beforeDestroy() {
  // 取消监听标签页可视状态
  document.removeEventListener('visibilitychange', this.documentChange)
}
// ...