vue3 js定时器

在Vue3中，使用JavaScript定时器有两种常见的方式：setInterval和setTimeout。

setInterval是一个循环执行的定时器，可以按照指定的时间间隔重复执行一段代码。例如，在Vue3中，可以通过以下方式创建一个setInterval定时器：

data() {
  return {
    timer: null,
    value: 0
  }
},
methods: {
  start() {
    this.timer = setInterval(this.valChange, 2000);
  },
  valChange() {
    // 在这里更新value的值
    this.value += 1;
    console.log(this.value);
  },  over() {
    clearInterval(this.timer);
  }
},
beforeUnmount() {
  clearInterval(this.timer);
}

setTimeout是一个定时执行的定时器，可以在指定的时间后执行一次代码。例如，在Vue3中，可以通过以下方式创建一个setTimeout定时器：

let timer = setTimeout(() => {
  // 需要定时执行的代码
  console.debug("Hello World");
}, 2000);

以上是在Vue3中使用JavaScript定时器的示例。在这个例子中，通过点击"开始"按钮，会调用start方法，然后会创建一个setInterval定时器，每2秒执行一次valChange方法，更新value的值。点击"结束"按钮会清除定时器，避免继续执行。

请注意，在Vue3中，beforeDestroy生命周期钩子已经被废弃，取而代之的是beforeUnmount生命周期钩子，用来清除定时器。