vue 深度监听

 需要监听某个数据变化使用

watch: {
    evlist: {
              handler(val, oldVal) {
                    this.isTeam = val.projectParty;
                    this.pjtid = val.pjtid;
                    this.isFinish = val.projectSelfValue;
             },
     deep: true,

 immediate: true,

  },

}

注意到handler了吗,我们给 firstName 绑定了一个handler方法,之前我们写的 watch 方法其实默认写的就是这个handler,Vue.js会去处理这个逻辑,最终编译出来其实就是这个handler

immediate:true代表如果在 wacth 里声明了 firstName 之后,就会立即先去执行里面的handler方法,如果为 false就跟我们以前的效果一样,不会在绑定的时候就执行。

deep的意思就是深入观察,监听器会一层层的往下遍历,给对象的所有属性都加上这个监听器,但是这样性能开销就会非常大了,任何修改obj里面任何一个属性都会触发这个监听器里的 handler。

原文地址:https://www.cnblogs.com/namehou/p/11730806.html