vue 路由传参 刷新

在 Vue 路由中传递参数并刷新页面有几种实现方式：

1. 使用路由路径参数：
在定义路由时，可以在路由路径中指定参数，例如：

   const router = new VueRouter({
     routes: [
       {
         path: '/user/:id',
         name: 'user',
         component: User
       }
     ]
   })

然后，在组件内部可以通过 `$route.params` 来访问参数，例如：

   this.$route.params.id

当参数发生变化时，页面会刷新。

2. 使用查询参数：
在路由路径中可以使用查询参数来传递数据，例如：

   const router = new VueRouter({
     routes: [
       {
         path: '/user',
         name: 'user',
         component: User
       }
     ]
   })

在组件内部可以通过 `$route.query` 来访问参数，例如：

   this.$route.query.id

当查询参数发生变化时，页面会刷新。

3. 使用路由导航守卫：
可以通过监听路由变化，在导航守卫中手动刷新页面。例如：

   const router = new VueRouter({
     routes: [
       {
         path: '/user',
         name: 'user',
         component: User
       }
     ]
   })

   router.beforeEach((to, from, next) => {
     if (to.name === 'user') {
       // 执行刷新操作
       location.reload()
     } else {
       next()
     }
   })

当跳转到名为 'user' 的路由时，会触发刷新操作。

请注意，以上方法中的刷新是整个页面的刷新，如果只是想在组件内部刷新数据，可以在组件的 `mounted` 生命周期钩子中重新获取数据。