vue.js路由传参的几种方式介绍

注意：path匹配路由传参只能用query去接收参数，name来匹配路由只能用params去接收参数

方法一：用name传递参数

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


在相应路由里接收 :console.log(this.$route.name) // Hello

方法二：使用name来匹配路由，然后通过params来接收参数
基本语法：

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