vue使用定时器实现计时器

可以使用Vue的计算属性和定时器来实现计时器。

首先，在Vue的data中定义一个变量来存储计时器的时间，例如：

data() {
  return {
    time: 0
  }
}

然后，在Vue的methods中定义一个方法来启动计时器，并使用setInterval函数来每隔一秒更新时间：

methods: {
  startTimer() {
    setInterval(() => {
      this.time++
    }, 1000)
  }
}

接下来，在Vue的计算属性中定义一个方法来将时间格式化为分秒形式：

computed: {
  formattedTime() {
    const minutes = Math.floor(this.time / 60)
    const seconds = this.time % 60
    return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`
  }
}

最后，在Vue的模板中显示计时器的时间：

<template>
  <div>
    <p>{{ formattedTime }}</p>
    <button @click="startTimer">Start</button>
  </div>
</template>

这样，当用户点击Start按钮时，计时器就会启动，并且每秒钟更新一次时间，同时将格式化后的时间显示在页面上。