vue computed和watch的使用

computed和watch都可以用来在某个数据发生改变时,在程序做出相应的响应。可以根据具体的使用情况进行选择。例如:


computed: {
  fullName: function() {
    return this.firstName + ' ' + this.lastName;
  }
}, 

watch: {
  firstName: function(newValue) {
    this.fullName = newValue + ' ' + this.lastName;
  },
  lastName: function(newValue){
    this.fullName = this.firstName + ' ' + newValue;
  }
}
  • 当多个变量中任意的变量发生改变都会引起调用时,使用computed
  • 当组件未对变量做声明,不过还想根据实际情况做出响应时,使用computed
  • 当这个响应发生后,需要调用异步方法时,使用watch
  • computed 默认是读取。如果想要改变返回值需要使用set方法
  • watch即可以读取,也可以重新赋值。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值