vue watch的高级用法

watch 有一个特点是，最初绑定的时候是不会执行的，要等到依赖改变时才执行监听计算。

如何你发现在加载页面的时候watch执行了，基本上是这个被监听对象在页面加载的时候使用ajax获取值后赋值产生的改变。

那我们想要让它绑定后立马执行一次该怎么办？

只需要加入immediate: true 即可。

代码语言：javascript复制

watch: {
  firstName: {
    handler(newName, oldName) {
      this.fullName = newName   ' '   this.lastName;
    },
    // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
    immediate: true
  }
}

ajax watch 对象

0 人点赞