vue中子组件watch父组件传过来的props，毫无反应，请问是怎么回事？

Question

  props: ['content', 'visible'],  watch: {    visible: {      handler: function(val, oldval) {        console.log('watch visible changed!')        if(val){          this.initDefault(this.content)
        }
      },      deep: true,      immediate: true
    },    'content.id': {      handler: function(val, oldval) {        console.log('watch content.id changed!')        if(val !== oldval) {          this.initDefault(this.content)
        }
      },      deep: true,      immediate: true
    },
  },

无论props怎么变化，两个watch就是一句打印也没有，同样的代码在别的页面上用过，一点问题都没有，换个地方用又不行了，vue这种破问题，一点排查的办法都没有，除了闭目养神去猜，或者砸电脑，还有其它路子么？

Answer 1

是不是content这个对象一开始没有id这个属性

Answer 2

遇到同样问题 求解