我们在做移动端的时候，有的项目中可能有需要防切屏的一个功能，pc端移动端都能监听到，话不多说，直接看代码

export default {
  data(){
    return{
      num:0, //切屏次数
    }
  },
  mounted(){
    //监听手机切屏
      document.addEventListener('visibilitychange',this.fn,true);
  },
  methods:{
    fn(){
      // 用户离开了当前页面
      if (document.visibilityState === 'hidden') {
        this.num++
      }else if (document.visibilityState === 'visible') {// 用户打开或回到页面
        console.log('用户打开或回到页面')
      }
    }
  },
  beforeDestroy(){
    document.removeEventListener('visibilitychange',this.fn,true) //销毁切屏监听事件
  }
}