vue this.$route.query 和this.$route.params的使用与区别

一：this.$route.query的使用
#1、传参数：
this.$router.push({
        path: '/index/detail', 
        query:{itemId: item.id}
});  

#2、获取参数
this.$route.query.itemId

#3、url的表现形式
http://localhost:8080/#/index/detail?itemId=22

二：this.$route.params的使用
#1、传参数（ params相对应的是name  query相对应的是path）
this.$router.push({
        name: 'detail', 
        params:{itemId: item.id}
});

#2、获取参数
this.$route.params.itemId

#3、url的表现形式(url中没带参数)
http://localhost:8080/#/index/detail