每秒钟执行一次一个函数

在Vue3中，你可以通过使用`setTimeout`或`setInterval`结合` reactive`或自定义指令如`v-model`配合计算属性，实现每秒钟执行一次的操作。下面是一个简单的例子： ```javascript import { ref, onMounted } from 'vue'; export default { setup() { // 定义一个计数器，初始值为0，并且它是响应式的 const counter = ref(0); // 使用setInterval创建一个定时任务，每秒执行一次回调 const intervalId = onMounted(() => { // 每秒递增counter的值 setInterval(() => { counter.value++; }, 1000); }); // 清理定时任务的函数，当组件卸载时停止执行 // 可以添加到beforeDestroy生命周期钩子里 // 或者使用useBeforeUnmount插件 onUnmounted(() => clearInterval(intervalId)); // 返回counter给模板 return { counter }; } } ``` 在这个例子中，`intervalId`是定时任务的标识符，每次组件挂载时创建，每次页面刷新都会重新开始计数。