Vue2.0 watch选项 handler deep immediate

  • deep:默认值是false,代表是否深度监听。
  • immediate:true代表如果在wacth里声明了之后,就会立即先去执行里面的handler方法,如果为false则默认在数据更新时执行handler方法,不会在绑定的时候就执行。

watch: {
  a: function (val, oldVal) {
    console.log('new a: %s, old: %s', val, oldVal)
  },
  // 方法名
  b: 'someMethod',
  // 深度 watcher
  c: {
    handler: function (val, oldVal) {
      console.log('new c: %s, old: %s', val, oldVal)
    },
    deep: true
  },
  // 该回调将会在侦听开始之后被立即调用
  d: {
    handler: function (val, oldVal) {
      console.log('new d: %s, old: %s', val, oldVal)
    },
    immediate: true
  }
}

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/03/12/vue-2-watch-option-handler-deep-immediate/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
Vue2.0 watch选项 handler deep immediate
deep:默认值是false,代表是否深度监听。 immediate:true代表如果在wacth里声明了之后,就会立即先去执行里面的handler方法,如果为false则默认在数据更新……
<<上一篇
下一篇>>
文章目录
关闭
目 录