vue子组件监听props值变化

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