vue3定时执行函数

在 Vue 3 中，你可以使用 `Vue.nextTick` 或者 `setTimeout`、`setInterval` 来实现在一定时间后执行一个函数。这里简单介绍一下这两种方法：

1. **Vue.nextTick()**:
`nextTick()` 是 Vue 的内部方法，确保在下一次 DOM 更新循环结束后执行回调。这对于依赖于 DOM 已更新的操作非常有用。例如，你可能希望在数据改变后等待视图渲染完成再执行某些操作：

   this.value = 'new value';
   this.$nextTick(() => {
     console.log(this.value); // 在DOM更新后输出新值
   });

2. **setTimeout() 和 setInterval()**:
如果你需要定期执行某个任务，可以使用 JavaScript 的 `setTimeout` 和 `setInterval`。例如，每秒更新一次计时器：

   const timerId = setTimeout(() => {
     this.currentTime = new Date().toLocaleTimeString();
   }, 1000);
   
   // 如果需要停止计时器，可以这样取消：
   clearTimeout(timerId);

对于 `setInterval`，你需要传递一个清除函数以便在不再需要时停止定时器：

   let intervalId;
   function startTimer() {
     intervalId = setInterval(() => {
       this.someValue++;
     }, 1000);
   }
   function stopTimer() {
     clearInterval(intervalId);
   }
   startTimer();
   // 当不需要了调用 stopTimer() 停止定时器