vue路由传参两种方式；vue路由传参query与params区别；vue路由跳转的带参与不带参,路由跳转传参方式：name 、 path；

vue项目的路由传参常用的有两种方式：query和params

      1.query传参
      特点：
      1.1可以用path也可以用name传递路径 注意name是路由页面vue文件的名称 不需要/
      1.2跳转页面地址栏可以看到路径和参数  通过 this.$route.query.id 可以获取到参数
      1.3刷新不会丢失参数

      this.$router.push({ path: '/A', query: { id: 1 }})
      this.$router.push({ name: 'A', query: { id: 1 }}) // 路径不需要 /

      2.params传参
      特点：
      2.1只能使用name传递路径 (name是跳转页面的vue文件name名称)
      2.2跳转页面地址栏看不到参数  第一次通过 this.$route.params.id 可以获取到参数
      2.3刷新会丢失参数 不能再获取到参数
      this.$router.push({ name: 'A', params: { id: 1 }})

比较详细的vue路由整理链接