vue3定时器保存数据

以下是使用Vue3保存数据的定时器的示例代码：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import { ref, onMounted, onBeforeUnmount } from 'vue'

export default {
  setup() {
    const message = ref('Hello, world!')
    let timer = null

    const setTime = () => {
      // 每隔一分钟运行一次保存方法
      timer = setInterval(() => {
        saveData()
      }, 60000)
    }

    const saveData = () => {
      // 保存数据的方法
      console.log('Data saved.')
    }

    onMounted(() => {
      setTime()
    })

    onBeforeUnmount(() => {
      clearInterval(timer) // 清除定时器
      timer = null
    })

    return {
      message
    }
  }
}
</script>

在这个示例中，我们使用了Vue3的`ref`、`onMounted`和`onBeforeUnmount`函数来创建一个定时器，每隔一分钟运行一次保存数据的方法。在组件挂载时，我们调用`setTime`方法来启动定时器，在组件卸载前，我们使用`clearInterval`函数来清除定时器。