vue2路由传参怎么接收

在vue2中，路由传参可以使用动态路由和查询参数两种方式。

动态路由传参：

1. 在定义路由时，使用冒号(:)来定义动态参数

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      component: User
    }
  ]
})

2. 在组件中使用$route.params来获取动态参数

export default {
  mounted() {
    console.log(this.$route.params.id)
  }
}

查询参数传参：

1. 在组件中使用$route.query来获取查询参数

export default {
  mounted() {
    console.log(this.$route.query.page)
  }
}

2. 在路由中使用query来定义查询参数

const router = new VueRouter({
  routes: [
    {
      path: '/user',
      component: User,
      props: (route) => ({ page: route.query.page })
    }
  ]
})

上面的代码中，props可以传递路由参数到组件中，这样组件就可以使用props接收路由参数了。