vue 深度监听

那年仲夏 提交于 2019-11-28 16:57:15

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

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。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!