小知识

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

2018-11-19  本文已影响1891人  jackson等567人

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

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

上一篇下一篇

猜你喜欢

热点阅读