computed和watch区别

最新推荐文章于 2023-11-23 11:34:29 发布

原创最新推荐文章于 2023-11-23 11:34:29 发布

· 236 阅读

1 ·

版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了Vue中computed和watch的区别。computed属性具备缓存特性，仅在依赖变化时更新，不支持异步操作；而watch则不缓存，数据变更即触发，特别适合异步或耗时任务。watch的immediate选项可在组件加载时立即执行，deep用于深度监听对象变化，但无法监听数组和对象新增。

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

computed和watch区别

1、计算属性computed :

支持缓存，只有依赖数据发生改变，才会重新进行计算
不支持异步，当computed内有异步操作时无效，无法监听数据的变化
侦听属性watch：
不支持缓存，数据变，直接会触发相应的操作；

2、watch支持异步；

当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。这是和computed最大的区别
immediate：组件加载立即触发回调函数执行，
deep: 深度监听，为了发现对象内部值的变化，复杂类型的数据时使用，例如数组中的对象内容的改变，注意监听数组的变动不需要这么做。注意：deep无法监听到数组的变动和对象的新增，参考vue数组变异,只有以响应式的方式触发才会被监听到。