vue3+ts setInterval 的 ref变量类型

如果你想在 Vue 3 中使用 TypeScript 来定义一个 `setInterval` 的 ref 变量类型，可以这样定义：

import { ref } from 'vue';

// 定义 ref 变量
const intervalRef = ref<NodeJS.Timeout | null>(null);

// 在组件中使用
export default {
  setup() {
    // 开始定时器
    intervalRef.value = setInterval(() => {
      console.log('interval');
    }, 1000);

    // 停止定时器
    function stopInterval() {
      if (intervalRef.value) {
        clearInterval(intervalRef.value);
        intervalRef.value = null;
      }
    }

    return {
      stopInterval,
    };
  },
};

这里使用了 `NodeJS.Timeout` 类型来表示 `setInterval` 返回的 id，这样可以让 TypeScript 在类型检查时知道这个变量的类型。同时，为了方便使用，我们使用了 `ref` 函数来创建一个响应式的 ref 变量。在组件中，我们可以像操作普通变量一样操作这个 ref 变量，但需要使用 `.value` 来获取或修改它的值。