vue页面显隐判断（uniapp的onShow,onHide效果）

使用document.addEventListener事件监听

1.在mounted中创建监听事件

mounted(){
    document.addEventListener('visibilitychange', this.visibilityState) //监听页面显隐
}

2.methods中写下监听事件执行的方法

    visibilityState(e) {
      let visibilityState = e.target.visibilityState
      switch (visibilityState) {
        case 'visible': //显示
          break
        case 'hidden': //隐藏
          break
        default:
      }
    },

3.beforeDestroy或者destroy中移除监听！！！（重要）

  beforeDestroy() {
    document.removeEventListener('visibilitychange', this.visibilityState) //移除监听
  },