watch监控

vue里我们常用watch去监控数据的变更和使用调用一些方法

watch: {
            //使用这个可以监听data中指定数据的变化,然后触发watch中对应的function的处理
            'firstname': function (newVal,oldVal) {

                console.log((newVal + "--" + oldVal));
            },
            'lastname': function (newVal,oldVal) {
                console.log((newVal + "--" + oldVal));
            }

        }

有时候需要第一次就得去触发

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

有的时候[{name:123}]子级变更的时候需要触发

watch: {
  obj: {
    handler(newName, oldName) {
      console.log('obj.a changed');
    },
    immediate: true,
    deep: true
  }
}

赏

×

写着玩做笔记

小编不易来个几毛也是钱

打开支付宝扫一扫，即可进行扫码打赏哦