Vue watch 详解

什么是watch

一个对象，键是需要观察的表达式，值是对应 回调函数。值也可以是方法名，或者包含选项的对象。Vue实例会在实例化时调用$watch(), 遍历watch对象的每一个属性

简单的监听

监听函数有两个参数 第一个参数是新值，第二个参数是旧值

  age(newVal, oldVal) {
      console.log(newVal, oldVal);
    },

handler 函数

handler 关键字是 写死的，有newVal(新值)，和 oldVal(旧值)

sex:{
      handler(newVal,oldVal){
        console.log('newVal',oldVal)

      },
      immediate:true,//立刻处理,进入页面就触发
      deep:true// 需要深度监听 属性的变化

    } 

immediate 

表示立即触发，页面进入就触发

deep 

表示深度监听

对象和数组，都是引用数据类型，存的是地址，地址没有改变，值也不会改变，这个时候使用deep.使用深度监听