vue路由传参

转自： https://blog.csdn.net/wy01272454/article/details/77869442?locationNum=7&fps=1

传参方式

• 通过router-link进行跳转
• 通过编程导航进行路由跳转
• 动态路由

一、router-link方式

 1. path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航
 2. params -> 是要传送的参数,参数可以直接key:value形式传递
 3. query -> 是通过 url 来传递参数的同样是key:value形式传递

 // 2,3两点皆可传递

二、编程方式传参

// 组件A

// 组件 a

// 组件B

三、动态路由方式

设置动态路由： path: '/user/:id'
获取参数： $route.params.id

  

    /user/foo

    /user/bar