vue传值到另一个页面

声明式：<router-link :to="...">

编程式：router.push(...)

这两种方式 都可以实现跳转链接，在上篇文章继续，通过A组件跳转链接到B组件并且传参数。

1、router.push使用

router/index.js

export default new Router({
 routes: [
   {
   path: '/',
   name: 'A',
   component: require('../components/A')
  },
  {
   path: '/B/:name/:age',
   name: 'B',
   component: require('../components/B')
  }
 ]
})

A组件，绑定一个@click事件，跳转B组件传参 使用params上边，在路由中为B组件添加两个参数 name ,age

 

这时浏览器会显示 ：http://localhost:8080/#/B/xy/22

在看下query  传值及地址变化

同样在 router/index.js路由文件中 不变有两个参数name,age