vue中query与params传参的区别

query传参方式

JavaScript

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

query取值方式

JavaScript

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

 

param传参方式

JavaScript

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

param取值方式

JavaScript

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

 

主要区别

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

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

幼儿园设计