vue路由跳转及传参方式

1.直接在路由中传参

传参方式：
        this.$router.push({ path: `/childPage/${id}`, })

需要对应路由配置如下：
   {
      path: '/childPage/:id',
      name: 'childPage',
      component: childPage
   }

获取参数：this.$route.params.id

2.通过路由属性中的name来确定匹配的路由，通过params来传递参数

传参方式：
        this.$router.push({ name: 'childPage', params: { id: id } })

需要对应路由配置如下：
　 {
      path: '/childPage',
      name: 'childPage',
      component: childPage
   }

获取参数：this.$route.params.id

3.使用path来匹配路由，然后通过query来传递参数

传参方式：
        this.$router.push({ path: '/childPage', query: { id: id } })

需要对应路由配置如下：
    {
        path: '/childPage',
        name: 'childPage',
        component: childPage
    }

获取参数：this.$route.query.id