Vue路由如何实现详细参数传递？

本文共计1049个文字，预计阅读时间需要5分钟。

目录 + 路由参数 + 效果展示 + params类型（后附源码） + query参数的类型 + 路由name + 路由参数 + 效果展示 + 通过参数，可以让Persons路由组件构建中的内容，在新路由组件Show中显示出来。

目录

• 路由传参
• 效果展示
• params的类型（后附源码）
• ​​​​​​query参数的类型
• 路由name

路由传参

效果展示

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

Persons路组件中的内容

params的类型（后附源码）

path：‘show/:id/:realname’ :id/:realname，是为传参所声明的，props：true 可以理解成可以传参，这只是其中的一种方法，也是个人觉得最简单理解的方法。