query传参方式

this.$router.push({
  path: '/home',
  query: {
    id: '19961022'
  }})

query取值方式

mounted(){
  this.id = this.$route.query.id;}

param传参方式

this.$router.push({
  name: 'Home',
  params: {
    id: '19961022'
  }})

param取值方式

mounted(){
  this.id = this.$route.params.id;}

主要区别

query传参，参数会拼接到页面路径，页面跳转后刷新也可正常取值，路由跳转路径需要用path；

params传参，参数不会拼接到页面路径，页面跳转后刷新值不存在，路由跳转路径需要用name；

作者：鹏仔先生

链接：http://sharedblog.cn/post/198.html

来源：共享播客
著作权归作者所有，转载请联系作者获得授权，切勿私自转载。