Vue

在vue中会使用很多子组件，有时因为组件的类型的等原因会导致数据监听不到的情况

1、首次监听不到时 可以使用immediate方法，其值是true或false；immediate:true代表如果在wacth里声明了之后，就会立即执行里面的handler方法

watch: {
   contractFile: {
      immediate: true,
        handler: function (newval) {
            this.operations(newval)
       } }},

 

2、子组件的深度监听函数【deep】，其值是true或false；确认是否深入监听。deep的意思就是深入观察，监听器会一层层的往下遍历，给对象的所有属性都加上这个监听器（受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性的添加或删除）

watch:{
      uploadImageUrl:{
       deep:true,
       handler:function(newval){
       this.uploadShowImageUrl = newval;
     }
   }},

参考链接 https://blog.csdn.net/ying940718/article/details/102620807