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路由整理链接