watch是vue中用来监听数据变化的方法属性,通常watch监听的数据发生变化,调用因为变化而执行的方法,通过watch动态改变关联的状态;常用写法👇:

watch: {
  value: function(newValue,oldValue) {
     console.log(newValue,oldValue);
     this.changeValue();
  }
}

现在我们想让它在被创建监听的时候立即执行方法,就需要用到 handler  和 immediate属性👇

watch: {
  value: {
    handler: function(newValue,oldValue) {
      console.log(newValue,oldValue);
      this.changeValue();
    },
    immediate: true
  }
}

immediate属性为true时,watch监听 立即执行,为false时就是常用场景,watch监听数据发生变化的情况下才会执行变化引发的方法。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐