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 Gitlab图片相对URL
Gitlab图片相对URL
2
Flutter Widget之Wrap
Flutter Widget之Wrap
3
Docker部署应用
Docker部署应用
4
RxJava2学习之九:购物车合并本地和网络数据
RxJava2学习之九:购物车合并本地和网络数据
5
Spring Cloud消息总线RabbitMQ方式
Spring Cloud消息总线RabbitMQ方式
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。