vue3 ts 定时器

Vue 3和TypeScript结合使用时，可以使用定时器来执行一些延迟操作或定时任务。下面是使用Vue 3和TypeScript创建定时器的步骤：

1. 首先，在Vue组件中引入`ref`和`onMounted`函数：

import { ref, onMounted } from 'vue';

2. 在组件中定义一个`ref`变量来存储定时器的ID：

const timerId = ref<number | null>(null);

3. 在`onMounted`生命周期钩子函数中创建定时器：

onMounted(() => {
  timerId.value = setInterval(() => {
    // 定时器要执行的操作
  }, 1000);
});

4. 如果需要在组件销毁时清除定时器，可以使用`onBeforeUnmount`生命周期钩子函数：

import { onBeforeUnmount } from 'vue';

onBeforeUnmount(() => {
  if (timerId.value) {
    clearInterval(timerId.value);
  }
});

这样，当组件被销毁时，定时器会被清除，避免内存泄漏。