推荐使用：Vue 3 倒计时组件 vue-countdown

<template>
  <div>
    <p>倒计时：{{ countdown }}</p>
  </div>
</template>
 
<script>
import { ref, onMounted } from 'vue';
 
export default {
  setup() {
    const countdown = ref('00:00:10');
 
    const startCountdown = (seconds) => {
      const countdownInterval = setInterval(() => {
        const hours = Math.floor(seconds / 3600);
        const minutes = Math.floor((seconds % 3600) / 60);
        const secs = seconds % 60;
 
        countdown.value = [
          hours.toString().padStart(2, '0'),
          minutes.toString().padStart(2, '0'),
          secs.toString().padStart(2, '0')
        ].join(':');
 
        if (seconds === 0) {
          clearInterval(countdownInterval);
        }
 
        seconds--;
      }, 1000);
    };
 
    onMounted(() => {
      startCountdown(60); // 倒计时60秒
    });
 
    return { countdown };
  }
};
</script>

这个简单的Vue 3组件使用了Vue 3的Composition API，包括ref, onMounted和setInterval来创建一个简单的倒计时功能。倒计时从60秒开始，每过一秒更新显示时间，并在时间结束时清除计时器。这个例子教会了如何在Vue 3中实现倒计时功能，并且是一个很好的学习资源。