在vue中封装一个定时器

在 Vue 中封装一个定时器可以使用 `setInterval()` 方法，结合 Vue 的生命周期函数来实现。

下面是一个简单的例子：

<template>
  <div>
    <p>当前时间：{{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    this.timer = setInterval(() => {
      this.getCurrentTime()
    }, 1000)
  },
  beforeDestroy() {
    clearInterval(this.timer)
  },
  methods: {
    getCurrentTime() {
      const date = new Date()
      this.currentTime = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
    }
  }
}
</script>

在 `mounted()` 钩子函数中设置定时器，每秒更新一次当前时间。在组件被销毁前，清除定时器，避免造成内存泄漏。同时，定义一个 `getCurrentTime()` 方法用于更新当前时间，并将其绑定到模板中展示。