Computed与watch区别？

最新推荐文章于 2026-01-06 23:00:43 发布

原创最新推荐文章于 2026-01-06 23:00:43 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #开发语言

本文详细介绍了Vue.js框架中computed（计算属性）与watch（侦听属性）的特点及使用场景。前者支持缓存且仅在依赖变化时重新计算，适用于多对一的数据处理；后者则实时响应变化，支持异步操作，适用于一对多的情况。

computed：计算属性

必须有返回值，支持缓存，只有依赖数据发生改变，才会重新进行计算，不支持异步，当 computed 内有异步操作时无效，无法监听数据的变化，computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data 中声明过或者父组件传递的 props 中的数据通过计算得到的值，这是多对一的。

watch：侦听属性
不支持缓存，数据变，直接会触发相应的操作；支持异步；
监听的函数接收两个参数，第一个参数是最新的值；第二个参数是输入之前的值；
当一个属性发生变化时，需要执行对应的操作；一对多。