vue3的computed计算属性和watch监听的区别和相同点

本文分析了Vue.js中的计算属性(computed)和监听器(watch)的区别,指出它们都依赖响应数据并监听变化,但计算属性仅在值被访问时计算且有缓存,而监听器则在数据变化时触发回调,不具缓存。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.计算属性(computed)

  • 计算属性是基于他们的依赖的数据源进行缓存的,只有在依赖的数据发生变化的时候才会进行计算,可以避免不必要的重复计算.
  • 计算属性适用于一些总结一些新的数据,如对数据进行累加,过滤,格式化等。
  • 计算属性可以像普通属性一样使用。
  • 计算属性中必须使用return返回

监听器(watch)

  • 监听器允许我们在监听数据变化时执行异步的操作或复杂的逻辑
  • 监听器适用于数据变化并进行操作响应时。
  • 监听器可以监听一个或多个数据的变化

相似之处

  • 计算属性和监听器都可以依赖于响应数据
  • 他们都可以监听数据的变化,并作出响应的处理。

区别

  • watch 是在数据变化时触发回调函数,而 computed 是在访问其值时进行计算(如果依赖的数据发生变化)。
  • computed 具有缓存机制,只有当依赖的数据发生变化时才会重新计算,而 watch 没有缓存机制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值