vue router 传参后 刷新页面url参数消失

在Vue Router中，当我们使用query传递参数时，参数会被添加到URL的查询字符串中。但是，当我们刷新页面时，这些参数会丢失，因为它们不会被保存在浏览器的历史记录中。为了解决这个问题，我们可以使用路由的params属性来传递参数，这样参数就会被保存在浏览器的历史记录中，即使刷新页面也不会丢失。

以下是使用params传递参数的示例代码：

1.定义路由：

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

2.在组件中使用$router.push方法传递参数：

this.$router.push({ path: '/user/' + userId })

3.在组件中使用$route.params来获取参数：

export default {
 created () {
    const userId = this.$route.params.id
    // 根据userId获取用户信息
  }
}