vue实现一个简单的 定时器

可以使用Vue提供的计时器方法`setInterval`来实现一个简单的定时器。以下是一个基本示例：

<template>
  <div>
    <p>计时器：{{ time }}</p>
    <button @click="startTimer">开始计时</button>
    <button @click="stopTimer">停止计时</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: 0,
      timerId: null
    };
  },
  methods: {
    startTimer() {
      this.timerId = setInterval(() => {
        this.time++;
      }, 1000);
    },
    stopTimer() {
      clearInterval(this.timerId);
    }
  }
};
</script>

在这个例子中，我们在data选项中定义了一个`time`变量来记录时间，并且定义了一个`timerId`变量来存储计时器的ID。在`startTimer`方法中，我们使用`setInterval`来启动计时器，每秒钟将时间加1。在`stopTimer`方法中，我们使用`clearInterval`来停止计时器。