watch/computed深度监听对象里面的属性

首先是我们的data，props一样

  formCode: {
        leaveType: "",
        leaveStartTime: "",
        leaveEndTime: "",
        leaveTime: "",
      },
      title: "",
      open: false,
      fileList: [],

1.普通监听

watch: {
  title: {  //handler方法名
     handler: function() {
      //你的代码逻辑
     },
     deep: true
   }
}
//
 watch: {
    'obj.name': {
      handler () {
        this.fn1 ()
        this.fn2 ()
      },
      immediate: true,
      deep: true
   	}
  },

  methods: {
    fn1 () {
      console.log('执行了fn1')
    },
    fn2 () {
       console.log('执行了fn2')
    } 
  }

2 对象里面的属性

watch: {
    'fromCode.leaveType' (newVal, oldval) {
      console.log(newVal,oldVal)
    }
  }