vue3中使用js实现一个从00:00:00动态的每秒递增的计时器，并将计算的值实时的渲染在页面上

在Vue 3中，你可以使用JavaScript的`setInterval`函数创建一个定时器，结合Vue的响应式特性来实现实时更新计时器值并将其渲染到页面上。这里是一个简单的示例：

<template>
  <div id="timer">{{ currentTime }}</div>
</template>

<script setup>
import { ref } from 'vue';

const currentTime = ref(0); // 使用ref来创建一个响应式的变量

// 每秒钟更新一次时间
const timerUpdate = () => {
  currentTime.value += 1; // 加一秒
};

// 设置定时器
const intervalId = setInterval(timerUpdate, 1000); // 每秒运行一次，单位毫秒

onMounted(() => {
  // 清除组件卸载时的定时器，防止内存泄漏
  unmounting(() => clearInterval(intervalId));
});
</script>

在这个例子中，`currentTime`变量会随着定时器的每次更新自动反映到DOM节点`<div id="timer">`的内容中，实现了计时功能。