vue 子组件监听 props 值变化

监听一个对象


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);
  }
}

你可能感兴趣的:(vue 子组件监听 props 值变化)