Vue判断用户长时间未操作

<template>
    <div id="app" @click="isDo()">  
        <router-view/>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                lastTime: null, //最后一次点击的时间
                currentTime: null, //当前点击的时间
                timeOut: 10 * 60 * 1000 //设置超时时间： 10分钟
            };
        },
        methods: {
            isDo() {
                this.currentTime = new Date().getTime(); //记录这次点击的时间
                if(this.currentTime - this.lastTime > this.timeOut) {  //判断上次最后一次点击的时间和这次点击的时间间隔是否大于10分钟
                    // 这里写状态已过期后执行的操作
                } else {
                    this.lastTime = new Date().getTime(); //如果在10分钟内点击，则把这次点击的时间记录覆盖掉之前存的最后一次点击的时间
                }
            }
        },
        created(){
            this.lastTime = new Date().getTime();   //网页第一次打开时，记录当前时间
        }
    }
</script>

我这里判断的用户10分钟内用户未点击，如果要绑定其他，也可以对”@click”进行修改绑定为其他事件,并修改”timeOut”的时间，单位为毫秒