Vue3定时刷新页面数据

在Vue3中，可以使用`setInterval`函数来定时刷新页面数据。以下是一个简单的例子：

import { onMounted, onUnmounted, reactive } from 'vue';

export default {
  setup() {
    const state = reactive({
      data: [],
    });

    const fetchData = () => {
      // 从服务器获取数据，并更新state中的data属性
      state.data = [1, 2, 3];
    };

    onMounted(() => {
      // 每隔5s调用一次fetchData函数
      const timer = setInterval(fetchData, 5000);
      // 记得在组件销毁时清除定时器
      onUnmounted(() => clearInterval(timer));
    });

    return { state };
  },
};

在上面的例子中，我们使用了Vue3的`reactive`函数来创建响应式数据`state`，并在`onMounted`钩子中创建了一个定时器，每隔5秒钟调用一次`fetchData`函数更新数据。在组件销毁时，我们使用`onUnmounted`钩子清除定时器，避免内存泄漏。