Vue中路由传参最近忙着春招面试，很久没更新了，现在记录一些常被问到的面试题，帮助自己深刻理解。被问的比较多并且自己掌

最近忙着春招面试，很久没更新了，现在记录一些常被问到的面试题，帮助自己深刻理解。

被问的比较多并且自己掌握不深的就是Vue中的动态路由以及路由传参的问题

其中Vue中路由传参常用三种方法

方案一

一般实现路由跳转用

this.$router.push({
          path: `/cxx/${id}`,

在路由配置中带上参数

 path: '/cxx/:id',

获取参数

this.$route.params.id

父组件中：通过路由属性中的name来确定匹配的路由，通过params来传递参数。

获取参数

this.$route.params.id

父组件：使用path来匹配路由，然后通过query来传递参数
这种情况下 query传递的参数会显示在url后面?id=？

    this.$route.push({
          path: '/cxx',
          query: {
            id: id
          }
        })

this.$route.query.id

切记this.$router和route!!!