vue路由传参的两种方式

1、使用params传参
这种方式参数不会跟在地址栏，但是刷新之后就获取不到路由传的参数值了

（1）在定义路由的时候，加name属性

const routes = [
  { path: '/', redirect: '/home'},//设置默认指向的路径
  { path: '/home',component: Home},
  {path:'/Order',name:'Order', component:Order},
]

（2）路由跳转并传值

 this.$router.push({
          name:'Order',
         params:{ id:this.id}
     })

（3）接收值

	 console.log('id的值',this.$route.params.id);

2、使用query传参
这种方式参数会跟在地址后面，刷新之后也还能获取

（1）路由跳转并传值

 this.$router.push({
          path:'/Order',
         query:{ id:this.id}
     })

（2）接收值

	 console.log('id的值',this.$route.query.id);