vue中$router的接受传递参数--query和params区别

1.query方式传参和接收参数

传参: 
this.$router.push({
    
    
        path:'/xxx'
        query:{
    
    
          id:id
        }
      })
  
接收参数:
this.$route.query.id

2.params方式传参和接收参数

传参: 
this.$router.push({
    
    
        name:'xxx'
        params:{
    
    
          id:id
        }
      })
  
接收参数:
this.$route.params.id

注意:params传参，push里面只能是 name:‘xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！！！