zoukankan      html  css  js  c++  java
  • 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。

  • 相关阅读:
    mode
    文件操作
    深浅拷贝
    基础数据类型补充
    再谈编码 decode和encode
    Python练习题 015:一颗自由落地的球
    Python练习题 014:完数
    Python练习题 013:求解a+aa+aaa……
    Python练习题 012:字符统计
    Python练习题 011:成绩打分
  • 原文地址:https://www.cnblogs.com/namehou/p/11730806.html
Copyright © 2011-2022 走看看