Vue路由传参如何详细介绍和优化？

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

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

目录

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

路由传参

效果展示

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

Persons路组件中的内容

params的类型（后附源码）

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