vue定时器

在 Vue 中使用定时器可以通过两种方式来实现：

1. 使用 setInterval 或 setTimeout

<script>
export default {
  data() {
    return {
      timer: null,
      count: 0
    }
  },
  mounted() {
    this.timer = setInterval(() => {
      this.count++
    }, 1000)
  },
  beforeDestroy() {
    clearInterval(this.timer)
  }
}
</script>

2. 使用 Vue 的 $interval

<script>
export default {
  data() {
    return {
      count: 0
    }
  },
  mounted() {
    this.$interval(() => {
      this.count++
    }, 1000)
  }
}
</script>

需要注意的是，使用 setInterval 或 setTimeout 时需要在组件销毁前清除定时器，否则会导致内存泄漏。而使用 Vue 的 $interval 则可以自动清除定时器。