使用vue写一个网络倒计时的番茄钟

好的，以下是一个使用Vue.js实现的网络倒计时番茄钟的示例代码：

<template>
  <div>
    <h2>番茄钟</h2>
    <p>{{ minutes }}:{{ seconds }}</p>
    <button @click="startTimer" :disabled="isRunning">开始</button>
    <button @click="stopTimer" :disabled="!isRunning">停止</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      minutes: 25,
      seconds: 0,
      isRunning: false,
      timer: null
    }
  },
  methods: {
    startTimer() {
      this.isRunning = true
      this.timer = setInterval(() => {
        if (this.seconds > 0) {
          this.seconds--
        } else if (this.minutes > 0) {
          this.minutes--
          this.seconds = 59
        } else {
          clearInterval(this.timer)
          this.timer = null
          this.minutes = 25
          this.seconds = 0
          this.isRunning = false
          alert('时间到了！')
        }
      }, 1000)
    },
    stopTimer() {
      clearInterval(this.timer)
      this.timer = null
      this.minutes = 25
      this.seconds = 0
      this.isRunning = false
    }
  }
}
</script>

上述代码实现了一个简单的番茄钟，每次点击“开始”按钮后会开始倒计时 25 分钟，倒计时过程中，界面上会显示当前的分钟数和秒数。倒计时结束后，页面会弹出告警窗口，提示用户时间到了。如果在倒计时过程中点击“停止”按钮，则会清除定时器，并将分钟数和秒数重置回 25 和 0。