美文网首页小知识
vue-watch的监听对象的所有属性变化,监听触发一次

vue-watch的监听对象的所有属性变化,监听触发一次

作者: jackson等567人 | 来源:发表于2018-11-19 14:21 被阅读1891次

vue--watch的监听对象的所有属性变化,监听触发一次

watch很多人都在用,但是这watch中的这两个选项deepimmediate,或许不是很多人都知道,我猜。

选项:deep

在选项参数中指定 deep: true,可以监听对象中属性的变化。

选项:immediate

在选项参数中指定 immediate: true, 将立即以表达式的当前值触发回调,也就是立即触发一次。

    watch: {
        obj: {
          handler(val, oldVal) {
            console.log('属性发生变化触发这个回调',val, oldVal);
          },
          deep: true // 监听这个对象中的每一个属性变化
        },
        step: { // 属性
          //watch
          handler(val, oldVal) {
            console.log("默认立即触发一次", val, oldVal);
          },
          immediate: true // 默认立即触发一次
        },
      },

这两个选项可以同时使用,另外:是的,又有一个demo

还有下面这一点需要注意。

相关文章

  • KVO

    基础使用 监听一个对象的属性变化,比如监听TCKVOObject的name属性 监听 回调 移除监听 触发 打印 ...

  • vue-watch的监听对象的所有属性变化,监听触发一次

    vue--watch的监听对象的所有属性变化,监听触发一次 watch很多人都在用,但是这watch中的这两个选项...

  • vue_day05

    watch监听:这个对象中可以监听到data中属性的变化,并触发属性对应的function函数,通过newVal和...

  • 54-Vue路由-监听路由变化

    watch属性不仅能够监听vm数据变化,还可以监听任何对象的属性变化,比如监听路由地址的变化.这里路由对象,监听方...

  • 2.4 KVO设计模式(监听对象属性的变化)

    KVO设计模式(监听对象属性的变化) BOSS类 KVO设计模式(监听对象属性的变化).png

  • Vue实例的watch属性

    一、说明watch属性,可以监听data中指定数据的变化,然后可以触发这个watch对象中对应的处理函数。监听的数...

  • vue之补充(十一)

    一、什么是计算属性? 计算属性是自动监听依赖值的变化,从而动态返回内容。监听是一个过程,在监听的值变化时,可以触发...

  • KVO使用及实现原理

    KVO使用及实现原理 KVO使用 对属性进行监听 对属性的属性进行监听 容器监听 触发(手动触发,kvc赋值) 添...

  • ReactiveCocoa小结

    1. 监听 KVO 1.1> 监听对象的属性变化 1.2> 监听Bool值改变 1.3> 监听方法 2.事件 2....

  • JavaWeb基础之Listener基本用法

    用来监听特定对象的创建或销毁、属性的变化 1.监听器接口的分类 1.1、监听对象创建/销毁的监听器接口 1.2、监...

网友评论

    本文标题:vue-watch的监听对象的所有属性变化,监听触发一次

    本文链接:https://www.haomeiwen.com/subject/aszofqtx.html