vue3.2销毁定时器

在 Vue 3.2 中，你可以使用 `onBeforeUnmount` 钩子函数来销毁定时器。在组件中定义一个定时器，然后在组件销毁之前使用 `onBeforeUnmount` 钩子函数清除定时器。

下面是一个示例：

import { onBeforeUnmount, ref } from 'vue';

export default {
  setup() {
    const timer = ref(null);

    // 在组件挂载时启动定时器
    timer.value = setInterval(() => {
      // 定时器的逻辑
    }, 1000);

    // 在组件销毁之前清除定时器
    onBeforeUnmount(() => {
      clearInterval(timer.value);
    });

    return {};
  },
};

在上面的示例中，我们使用了 `ref` 函数来创建一个响应式的变量 `timer`，并将定时器的引用保存在其中。然后，我们在组件挂载时启动定时器，并在组件销毁之前使用 `onBeforeUnmount` 钩子函数清除定时器。

这样，在组件销毁时定时器会被正确地清除，避免了内存泄漏和不必要的计时操作。