vue3中setInterval函数用法

在Vue 3中，可以使用setInterval函数来实现定时执行某个函数或代码块的功能。setInterval函数接受两个参数，第一个参数是要执行的函数或代码块，第二个参数是时间间隔（以毫秒为单位）。

下面是一个示例，演示了如何在Vue 3中使用setInterval函数：

import { ref, onMounted, onUnmounted } from 'vue';

export default {
  setup() {
    // 创建一个响应式变量来保存计时器的ID
    const timerId = ref(null);

    // 定义要执行的函数
    const doSomething = () => {
      console.log('定时执行的代码');
    };

    // 在组件挂载时启动定时器
    onMounted(() => {
      timerId.value = setInterval(doSomething, 1000);
    });

    // 在组件卸载时清除定时器
    onUnmounted(() => {
      clearInterval(timerId.value);
    });
  },
};

在上面的示例中，我们使用了Vue 3的Composition API来编写组件。首先，我们使用`ref`函数创建了一个响应式变量`timerId`，用于保存定时器的ID。然后，我们定义了一个名为`doSomething`的函数，它将在每个时间间隔执行。接下来，我们使用`onMounted`钩子函数，在组件挂载时启动定时器，并将定时器的ID保存到`timerId`变量中。最后，我们使用`onUnmounted`钩子函数，在组件卸载时清除定时器。

使用上述代码，每隔1秒钟，控制台将输出"定时执行的代码"。