setInterval在vue2中的使用

在 Vue2 中使用 setInterval 有几种方式：

1. 在 mounted 钩子中使用 setInterval

mounted() {
  setInterval(() => {
    // 执行你的代码
  }, 1000)
}

2. 使用 Vue 自带的定时器

Vue 提供了自带的定时器，可以在组件的 created、mounted 和 updated 生命周期钩子中使用。

created() {
  this.timer = this.$interval(() => {
    // 执行你的代码
  }, 1000)
},
destroyed() {
  clearInterval(this.timer)
}

需要注意的是，当组件销毁时需要清除定时器。

3. 使用 Mixin 封装定时器

const timerMixin = {
  data() {
    return {
      timer: null
    }
  },
  mounted() {
    this.timer = setInterval(() => {
      // 执行你的代码
    }, 1000)
  },
  destroyed() {
    clearInterval(this.timer)
  }
}

export default {
  mixins: [timerMixin]
}

这种方式可以通过 Mixin 封装定时器，减少重复代码的出现。