vue子组件监听props值变化

vue子组件监听props值变化

一定要深度监听，不然监听不到

想过在data里面定义一个变量来盛props的变量，然后常规监听data的变量，发现不可

监听一个对象

props:{
  option:Object
},
watch: {
    option: {
      deep: true,  // 深度监听
      handler(newVal,oldVal) {
         console.log(newVal,oldVal)
      }
    }
  }
复制代码

监听对象中的某个值

props:{
  option:Object
},
watch:{
  'option.text'(newVal,oldVal){
        console.log(newVal,oldVal);
  }
}
复制代码