Vue 页面定时刷新 - 不使用 JS，纯 HTML 实现 - 常规

在 Vue 中，可以通过使用 Vue Router 和 Vue 的生命周期钩子函数来实现定时刷新页面，而无需使用额外的 JavaScript 代码。以下是一个示例：

首先，安装并配置 Vue Router。在 Vue 项目中的 main.js 文件中添加以下代码：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    component: Home
  },
  // 添加其他路由配置
]

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

在需要定时刷新的页面组件中，使用 Vue 的 created 生命周期钩子函数来设置定时器：

export default {
  created() {
    setInterval(() => {
      this.$router.go(0) // 刷新当前页面
    }, 1000) // 设置刷新时间间隔，此处为 1 秒
  }
}

这样，每隔 1 秒钟页面就会刷新一次。