vue之this.$route.params和this.$route.query的区别

1、this.$route.query

传参数

this.$router.push({

         path: '/monitor',

         query:{

               id:id,

          }

}）

获取参数

this.$route.query.id

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

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

2、this.$route.params

传参数

this.$router.push({

         name: 'monitor',

         params:{

               id:id,

          }

}）

获取参数

this.$route.params.id

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

http://172.19.186.224:8080/#/monitor

3、区别 

相同点：

都可以用来传参数，获取参数

不同点：
使用query传参url中显示参数，刷新路由跳转页面参数不消失，依旧在url上
使用params传参url中不显示参数，刷新路由跳转页面参数消失

注：本人前端小白 ，如有不对的地方还请多多指教