vue 路由组件传值

地址:https://router.vuejs.org/zh/guide/essentials/passing-props.html

1、不同路由传值:动态路由传值

A.配置动态路由

routes: [
    { path: '/user/:id', component: User }
  ]

B.在对应的页面通过以下方式获取值

console.log(this.$route.params)  //获取动态路由的值

2.get 传值

A.路由配置

routes: [
    { path: '/user', component: User }
  ]

B.传值

//

C.接收页面获取值

console.log(this.$route.query)  //获取get的传值

 

你可能感兴趣的:(vue,vue,路由组件传值)