请问各位大哥，为什么我这个watch检测不到data里的musicId的变化，用console.log是可以输出出来有变化的

Question

export default {
  data() {
    return {
      url:'',
      musicId:0
    }
  },
  mounted(){
    this.$bus.$on("getId",function(id){
      this.musicId = id
    })
  },
  watch:{
    musicId:{
     handler(val){
        console.log(val);
        this.$http.get(`/api/song/url?id=${val}`).then((result) => {
          console.log(result.data);
        })
      },
      immediate: true,
      deep: true,
    }
  }
}

Answer 1

我猜一下，function(id){this.xxx=id}这里的this指向的不是vue实例，换成id => {this.xx=id}，或者在外面定义个vn =this