vue 传值问题

//点击按钮后跳转传值
goXiangQing(id){
        console.log(id);
        this.$router.replace({
          path:'/xiangqing',
          query:{
            id:id
          }
        })
    }

export default {
    data() {
        return {
            xiangqing:""
        }
    },
    mounted(){
        //接收传过来的值
        this.xiangqing = this.$route.query.id
    }
}

注意跳转是this.$router

传值是this.$route

好几次错误的原因就是这