vue-router传参&刷新消失的问题

  在做VUE项目的时候需要使用router-link进行参数传递，当时查看了下vue-router的api，看到有一个params的参数可以将参数传递过去，在下一个组件中使用this.$route.params获取：

<router-link :to="{name:'/pathRouter',params: {path: url}}"></router-link>

起初使用的时候，使用的是path:'/pathRouter'，如此写不能获取，后查询，发现需要使用name。

问题：

  在后面调试的时候，当刷新页面后params中的数据就没有了，于是再次查看api，发现有query字段可替换，并完成需求：

<router-link :to="{name:'/pathRouter',query: {path: url}}"></router-link>

此方法相当于在url中拼写参数：

http://xxx.xxx.xxx/pathRouter?path=123 //这样无论你怎么刷新 path 都不会丢失

注意细心看文档啊！！！