路由传参的方式有哪些？

Vue-router 参数传递

声明式的导航<router-link :to="...">和编程式的导航router.push(...)都可以传参，本文主要介绍前者的传参方法，
同样的规则也适用于编程式的导航。

1. 用name传递参数

在路由文件src/router/index.js里配置name属性

routes: [
    {
   
      path: '/',
      name: 'Hello',
      component: Hello
    }
]

模板里(src/App.vue)用$route.name来接收 比如：<p>{ { $route.name}}</p>

2. 通过标签中的to 传参

这种传参方法的基本写法：

<router-link :to="{name:xxx,params:{key:value}}">valueString</router