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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐