vue 监测亮屏灭屏事件

在Vue中监测亮屏和灭屏事件可以通过监听visibilitychange事件来实现。示例：

export default {
  data() {
    return {
      isScreenVisible: true,
    };
  },
  created() {
    document.addEventListener('visibilitychange', this.handleVisibilityChange);
  },
  destroyed() {
    document.removeEventListener('visibilitychange', this.handleVisibilityChange);
  },
  methods: {
    handleVisibilityChange() {
      if (document.visibilityState === 'visible') {
        this.isScreenVisible = true;
        // 亮屏时的处理逻辑
      } else {
        this.isScreenVisible = false;
        // 灭屏时的处理逻辑
      }
    },
  },
};