vue中this.$route.params和this.$route.query的区别？（开发中遇到的问题）

主要区别一句话：query:url中带参数; param:url中不带参数

举例子：

1.this.$route.query的使用

A、传参数：

this.$router.push({
         path: '/monitor',
         query:{
               id:id,
          }
}）

B、获取参数：

this.$route.query.id

C、在url中形式（url中带参数）

http://172.19.186.224:8080/#/monitor?id=1

D、页面之间用路由跳转传参时，刷新跳转后传参的页面，数据还会显示存在（项目中遇到此问题）

2.this.$route.params的使用

A、传参数：

this.$router.push({
         name: 'monitor',
         params:{
               id:id,
          }
}）

B、获取参数：

this.$route.params.id

C、在url中形式（url中不带参数）

http://172.19.186.224:8080/#/monitor

D、页面之间用路由跳转传参时，刷新跳转后传参的页面，数据不存在（项目中遇到此问题）