路由传参中的query与params两者的区别

1.params

  this.$router.push({
        name: 'newApply',
        params: {
          type: item.key,
          typeDesc: item.value
        }
      })

2.query

  this.$router.push({
        path: 'newApply',
        query: {
          type: item.key,
          typeDesc: item.value
        }
      })

1.用法：

query需要用path来引入，params要用name引入，接收参数都是类似的，分别是：

//query传参用法
this.$router.query.name
//params传参用法
this.$router.params.name

2.url地址显示

query更加类似于我们ajax中get传参，params则类似于post，简单来说，query在浏览器地址栏中显示参数，params则不显示参数

query：

http://localhost:8080/workorder/newApply?type=‘参数1’

params:

http://localhost:8080/workorder/newApply

3.注意点：

query刷新不会丢失query里面的数据

params刷新会丢失params里面的数据