Vue中子组件watch监听props中父组件对象的变化的坑

Vue中子组件watch监听props中父组件对象的变化时,需要注意的点:

案例:

  1. 父组件对象 test:{ id = 1, name:"小明"}

    修改test中的name =》 this.test.name = "小强"

2.  子组件watch监听test 无法感知 ,原因是修改的对象的值,而不是修改的对象,

3. 解决方案是 :this.test = { id = 1, name:"小强"} , 这样 watch监听test才会生效。

以上个人测试的结论和解决方案,各位如有不同见解,请留言,谢谢!