Nuxt 路由跳转清除 setTimeout() 定时器 | 避免定时器泄漏

setTimeout() 是 JavaScript 中的一个定时器函数，用于在一定时间间隔后执行指定的代码。当使用 Nuxt 路由跳转时，页面会重新渲染，但定时器并不会被自动清除，导致定时器中的代码仍然会继续执行。

为了解决这个问题，可以在组件的 beforeDestroy() 生命周期函数中清除定时器。beforeDestroy() 生命周期函数会在组件被销毁之前调用，因此可以在这个函数中清除定时器。

例如：

export default {
  data() {
    return {
      timer: null
    }
  },
  mounted() {
    this.timer = setTimeout(() => {
      console.log('定时器执行了')
    }, 1000)
  },
  beforeDestroy() {
    clearTimeout(this.timer)
  }
}

在 mounted() 生命周期函数中设置了一个定时器，然后在 beforeDestroy() 生命周期函数中清除了定时器。这样，在组件被销毁之前，定时器就会被清除，不会继续执行。

通过这种方法，可以有效地防止定时器泄漏，提高应用程序的性能和稳定性。