Vue: this.$route.params和this.$route.query的区别

1. this.$route.params

1. 传入参数：

this.$router.push({
	     name: '/page1',
	     params:{
	           id:id,
	      }
})

2. 获取参数: this.$route.params.id
3. 传参后在地址栏的显示形式：http:/xxxx/page1(URL中不显示参数，数据无缓存-即刷新或跳转后页面数据不再存在)

2.this.$route.query

1. 传入参数：

this.$router.push({
         name: '/page1',
         query:{
               id:id,
          }
})

2. 获取参数: this.$route.query.id
3. 传参后在地址栏的显示形式：http:/xxxx/page1?id=123(URL中显示参数, 数据有缓存-即刷新或跳转后页面数据还存在)