HLJ 发布于
2020-12-16 10:17:07

vue watch 6种使用方法

1、返回新值旧值

watch: {
    a: function (val, oldVal) {
      console.log('new: %s, old: %s', val, oldVal)
    },
}
2、方法名
watch: {
    b: 'someMethod',
}
3、该回调会在任何被侦听的对象的 property 改变时被调用,不论其被嵌套多深
watch: {
    c: {
      handler: function (val, oldVal) { /* ... */ },
      deep: true
    },
}
4、该回调将会在侦听开始之后被立即调用
watch: {
    d: {
      handler: 'someMethod',
      immediate: true
    },
}
5、你可以传入回调数组,它们会被逐一调用
watch: {
    e: [
      'handle1',
      function handle2 (val, oldVal) { /* ... */ },
      {
        handler: function handle3 (val, oldVal) { /* ... */ },
        /* ... */
      }
    ],
}
6、监听对象属性值 watch vm.e.f's value: {g: 5}
watch: {
    'e.f': function (val, oldVal) { /* ... */ }
}
文章来源:https://cn.vuejs.org/v2/api/#watch
最后生成于 2023-06-27 21:37:46
此内容有帮助 ?
0