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
  }
}
上一篇 Vuex的actions传递多个参数
下一篇 Vue组件中获得Vuex状态state的方法汇总
目录
文章列表
1 Kibana Grok 调试工具使用
Kibana Grok 调试工具使用
2
TestNG编写测试
TestNG编写测试
3
Flutter TextField设置只读不可编辑
Flutter TextField设置只读不可编辑
4
Spring Boot接入多因子认证(2FA|MFA)
Spring Boot接入多因子认证(2FA|MFA)
5
Android 8.0 BroadcastReceiver静态注册大部分取消,动态注册,有序广播
Android 8.0 BroadcastReceiver静态注册大部分取消,动态注册,有序广播
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。