【Vue 路由（vue—router）二】路由传参（params的类型 、Query参数的类型、路由name）(vue里面的路由)

推荐整理分享【Vue 路由（vue—router）二】路由传参（params的类型 、Query参数的类型、路由name）(vue里面的路由)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue路由详解,vue 路由实现原理,vue路由用法,vue路由用法,vue路由两种方式,vue路由详解,vue路由用法,vue路由两种方式,内容如对您有帮助，希望把文章链接给更多的朋友！

目录

前言

一、路由传参

效果展示

1.params的类型 （后附源码）

 params的类型源码不要在意注释代码

2.​​​​​​query参数的类型（后附源码）

 query参数的类型源码同样无视注释代码

3.路由name

此内容为连载，想要完整内容参考，可以私聊。

通过传参，可以让Persons路由组建中的内容，在新的路由组件Show显示出来，Show路由组件要嵌套到Persons路由组件中

Persons路组件中的内容

 path：‘show/:id/:realname’  :id/:realname，是为传参所