Vue 页面定时刷新教程：使用生命周期钩子函数实现

要设置当前页面定时刷新，可以使用 Vue 的生命周期钩子函数'created()'或'mounted()'来实现。

首先，在组件的'data'选项中定义一个变量'timer'用于存储计时器的id：

data() {
  return {
    timer: null
  }
}

然后，在生命周期钩子函数中添加定时器的代码：

created() {
  this.timer = setInterval(() => {
    this.refreshPage(); // 调用刷新页面的方法
  }, 5000); // 设置刷新间隔，单位为毫秒
},

最后，在组件中定义一个刷新页面的方法'refreshPage()'，可以使用'location.reload()'来重新加载当前页面：

methods: {
  refreshPage() {
    location.reload();
  }
}

这样，当组件创建后，就会每隔5秒钟刷新一次页面。

注意：如果不需要定时刷新页面时，需要在组件销毁前清除定时器，可以在'beforeDestroy()'生命周期钩子函数中添加代码'clearInterval(this.timer)'来清除定时器：

beforeDestroy() {
  clearInterval(this.timer);
}