// app.vue

data () {
  return {
    timeOut: 5000,
    timer: null,
    isLock: 'false'
  }
},
mounted () {
  this.timer = setTimeout(this.lockPro, this.timeOut)
  // 首次設(shè)置操作時(shí)間
  localStorage.setItem('moveTime', Date.now())
  // 首次判斷狀態(tài)
  this.modalStatus()
  // 輪詢監(jiān)聽(tīng)狀態(tài)
  setInterval(this.modalStatus, 1000)
  // 監(jiān)聽(tīng)鼠標(biāo)事件
  this.events()
},
methods:{
   events() {
      window.onmousemove = () => {
        // console.log('鼠標(biāo)移動(dòng)了')
        if (!this.isLock) {
          localStorage.setItem('moveTime', Date.now())
          this.clearLocaPro('continue')
        }
      }
    },
    modalStatus() {
      if (localStorage.getItem('isLock') === 'true') {
        // console.log('鎖屏了')
        this.isLock = true
        this.clearLocaPro()
      } else {
        // console.log('當(dāng)前沒(méi)鎖屏')
        this.isLock = false
        this.clearLocaPro('continue')
      }
    },
    lockPro() {
      if (!this.timeOut) {
        localStorage.setItem('isLock', 'false')
        this.clearLocaPro('continue')
        return
      }
      if (Date.now() - localStorage.getItem('moveTime') < this.timeOut) {
        localStorage.setItem('isLock', 'false')
        this.clearLocaPro('continue')
      } else {
        localStorage.setItem('isLock', 'true')
        this.clearLocaPro()
      }
    },
    clearLocaPro(status) {
      if(this.timer){
         clearTimeout(this.timer)
      }
      if (status === 'continue') {
        this.timer = setTimeout(this.lockPro, this.timeOut)
      }
    },
    // 手動(dòng)鎖定
    handleLock(){
      this.clearLocaPro()
      localStorage.setItem('isLock', 'true')
    },
    // 密碼解鎖
    unlock(){
      localStorage.removeItem('isLock')
      localStorage.setItem('moveTime', Date.now())
      this.clearLocaPro('continue')
    }，
    ...
    // 別忘了退出登錄也要清除isLock
}