Vue里的watch监听的几种方式

普通类型和对象类型，监听又是不一样的

普通类型（直接数据的名字当作函数名）

  data() {
    return {
      num: 1,
    };
  },
   
  watch: {
    num(newvalue, old) {
      console.log("111");
    }
  },

对象类型（几种写法）

  data() {
    return {
      obj: {
        a: 1,
      },
    };
  },

  watch: {
    //第一种
     obj: {
       handler(newValue, oldValue) {
         console.log("222");
       },
       deep: true,
       immediate: true,
     },
    //第二种
    "obj.a"(newValue, oldValue) {
        
    },
  },

还有就是使用vm.$watch监听

可以在生命周期的时候使用

第一个参数是要侦听的源；

第二个参数是侦听的回调函数callback；

第三个参数是额外的其他选项，比如deep、immediate；