computed 与 watch 的区别和选型策略。

[问答题]

努力上岸的momo

1.computed：计算属性，有缓存，当依赖发生变化时会重新计算，必须返回一个值，不支持异步操作；场景：需要根据一些数据得到新数据时 2.watch：监听，无缓存，当数据发生变化时会执行副作用，没有返回值，支持异步操作；api调用等；deep：true可以监听到对象内部的嵌套属性变化

发表于 2026-02-27 18:45:48 回复(0)

给你点了个赞的小熊猫很想run

computed:计算属性，有缓存，有返回值，不支持异步操作，当数据发生变化时才会调用，往往用于通过已有的数据得到一个新数据 watch：监听属性，没有缓存，没有返回值，支持异步操作和api调用，当数据变化的时候执行副作用，deep=true的时候可以监听属性嵌套的深层值

发表于 2026-03-25 09:04:44 回复(0)

已转码的钝角很开心

computed是计算属性，依赖数据，需要进行加工从而派生一个新值，描述是是什么，有返回值，有缓存，不支持异步（格式化显示，数据过滤） watch是侦听器，观察数据，执行副作用（如api的调用），处理做什么，无返回值，无缓存，支持异步（API调用，DOM操作）

发表于 2026-02-23 19:54:16 回复(0)

WangYibo

computed用于派生依赖数据的值 watch用于观察变化执行副作用 computed描述“是什么” watch是“做什么”（异步、DOM操作）

发表于 2026-01-19 14:53:19 回复(0)

鱿雨稀

1.computed可以缓存，watch不可以2.computed不能执行异步操作，watch可以3.computed是声明式的，watch是命令式的4.computed依赖于多个数据时，只要其中有一个变化就会重新计算；watch可以监听单个数据，也可以监听一个表达式或函数；场景，当年需要根据数据计算出一个值，并且这个值会被模板使用，那么使用computed比较合适；如果你需要在数据变化时执行异步操作或复杂的逻辑，那么使用watch较合适

发表于 2025-11-27 11:19:17 回复(0)

我从未看清

coumputed ：是计算属性，依赖原生数据，进行计算，返回计算后的数据 watch：是监听某个动态数据属性的变化，一旦变化就会执行异步操作策略：一般我们需要用到需要计算过后的数据使用computed 性能更快 watch 需要监听某个数据变化后，要执行某些api操作就用watch实现一些逻辑处理

发表于 2025-11-24 16:07:58 回复(0)