vConsole 点击十次触发

在完成简单的 vConsole 的安装使用后，可使用此方案实现点击十次触发 vConsole，如若超过一定毫秒数，则会清空次数，所以需要手速要快，避免用户误触发

// 点击十次开启 vConsole
let count = 0; // 点击次数
let lastTime = 0; // 最后点击的时间
let interval = 300; // 有效点击的间隔时间
const triggerVconsole = () => {
    console.log('点击次数', count);
    const date = new Date();
    if (date.getTime() - lastTime > interval) {
        lastTime = 0;
    };
    if (count === 0) {
        count += 1;
        lastTime = date.getTime();
        return
    };

    const currentInterval = date.getTime() - lastTime;
    if (currentInterval < interval) {
        if (count > 8) {
            const vc = <HTMLElement>document.querySelector('#__vconsole');
            vc.style.display = 'block';
            count = 0;
            lastTime = 0;
            return
        };
        count += 1;
        lastTime = date.getTime();
        return
    };
    count = 0;
    lastTime = 0;
};

// 点击关闭 vConsole
const closeVconsole = () => {
    const vc = <HTMLElement>document.querySelector('#__vconsole');
    vc.style.display = 'none';
    count = 0;
    console.log('关闭vConsole');
};

// DOM 即将挂载时清除 vConsole
onBeforeMount(() => {
    closeVconsole();
})