### `Vue`路由传参

[BaiLinfeng]

对路由传参的总结，不对之处望包涵，指正。记录Vue路由传参的两种方式query 和 params

路由传参之-------this.$route.query

<router-link to='/home?id=123&name=zhangsan'>路由传参 query</router-link>

• this.$route.query.id,即可拿到123，此api无需配置路由规则

• this.$route.query.name,即可拿到,zhangsan此api无需配置路由规则

路由传参之-------``this.$route.params`

<router-link to="/home/123/zhangsan">路由传参 params</router-link>

• this.$route.params.id，不可以拿到 123，都需要配置路由规则为：{path:'/home/:id/:name',Component:home}
• this.$route.params.name,也拿不到zhangsan，都需要配置路由规则为：{path:'/home/:id/:name',Component:home}

[chenpingan]

这种笔记的话记录到笔记之中不是更好，类似印象笔记之类的

[BaiLinfeng]

@chenpingan 嗯，笔记里面刚也记录了，主要是知道记录的正确性。就公开这样写了。

[begoingtodo]

vue 的文档不是都有的吗

[BaiLinfeng]

@begoingtodo 说真的 vue 文档不是很白话，很多语言逼格有点高了，我有点难消化。要看民间的文章解释