Vue routing implements click parameter transfer and routing jump

html:

component:A

 <div @click=' transferParameters()'></div>

script:

export default { 
  methods:{ 
    transferParameters() { 
      this.$router.push({ 
        path:"/path of component B", 
        query:{//Pass 
          the parameter goodsDetail through query: parameters to be passed, 
        } 
      }); 
    }, 
  } 
} 

component:B

 <div></div>

　export default {

　　mounted(){
  　　this.getGoodsDetail ();
　　},

　　methods: {
  　　getGoodsDetail() {
    　　let routerParams = this.$route.query.goodsDetail;
  　　}
　　}

} 
desc: 
pass parameters: $router 
receive parameters: $route