vue-router传参方式三种（举例详细）

以下例子全部采用a组件向b组件传参的方式。
看一下界面，

点击按钮跳转到b组件，并把参数传递过去。

1.params（URL不显示参数）。

不多bb，看代码。
① 路由配置（index.js）

 routes: [
    {
   
      path: '/',
      component: A
    },
    {
   
      path: '/b',
      name:'b',  // 这句特别重要
      component: B
    }
  ]

②按钮事件。

 <button @click="goToB">路由跳转</button>

采用编程式跳转。把要传递的参数放在params里，data可以是具体值，也可以是本组件的变量。特别要注意，必须给要跳转到的组件在配置路由时就要添加一个name，我尝试过在indes.js里不带name，在b组件接收参数时就找不到。