watch和computed的区别及两者的使用场景

本文详细介绍了Vue中的watch和computed属性的区别和应用场景。watch是用于监听数据变化并执行相应操作,适合数据影响多个数据或执行异步任务。它支持immediate和deep选项。而computed是计算属性,根据依赖的data属性自动计算,适用于受多个数据影响的复杂逻辑。computed结果会被缓存,避免不必要的计算。在购物车结算等场景下,computed更适用。

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

区别

watch

  1. watch是监听一个值的变化,然后执行对应的回调;
  2. watch中的函数不需要调用;
  3. watch有两个参数;
    immediate:组件加载立即触发回调函数执行,
    deep: 深度监听,为了发现对象内部值的变化,复杂类型的数据时使用,例如数组中的对象内容的改变
  4. watch中的函数名称必须要和data中的属性名一致,watch依赖于data中的属性,data中的属性发生变化的时候,watch中的函数就会发生变化。
  5. watch不支持缓存;

computed

  1. computed是计算属性,通过属性计算得来的属性。
  2. computed中的函数直接调用,不用()。
  3. computed中的函数必须用return返回。
  4. computed是依赖data中的属性,data中属性发生改变的时候,当前函数才会执行,data中属性没有改变的时候,当前函数不会执行。
  5. computed中不能对data中的属性进行赋值操作,如果对data中的属性进行赋值,data中的属性发生变化,从而触发computed中的函数,就会形成死循环。
  6. computed属性的结果会被缓存,除非依赖的属性发生变化才会重新计算。

使用场景

  • watch的使用场景:一个数据影响多个数据,需要在数据变化时执行异步操作或者开销较大的操作时使用。
    例如:搜索数据
  • computed:一个数据受多个数据影响,处理复杂的逻辑或多个属性影响一个属性的变化时使用。
    例如:购物车商品结算的时候
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值