Vue中methods(方法)、computed(计算属性)、watch(侦听器)的区别

最新推荐文章于 2025-03-13 19:57:39 发布

weixin_30877227

最新推荐文章于 2025-03-13 19:57:39 发布

阅读量271

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hwldyz/p/9204614.html

本文探讨了Vue.js框架中computed和methods、watch和computed的功能差异。解释了computed基于依赖缓存的工作原理及其优势，同时对比了watch在处理复杂依赖场景下的独特作用。

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

1、computed和methods

共同点：computed能现实的methods也能实现；

不同点：computed是基于它的依赖进行缓存的。computed只有在它的相关依赖发生变化才会重新计算求值。而只要它的相关依赖没有发生变化，多次访问会立即返回之前的计算结果，而不必再次执行计算。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。也就是说当我们不希望有缓存，用方法来替代。

2、watch和computed

共同点：都是以Vue的依赖追踪机制为基础的，都是希望在依赖数据发生改变的时候，被依赖的数据根据预先定义好的函数，发生“自动”的变化。、；

不同点：watch擅长处理的场景：一个数据影响多个数据；computed擅长处理的场景：一个数据受多个数据影响。虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器，当需要在数据变化时执行异步或开销较大的操作时，通过侦听器最有用。

转载于:https://www.cnblogs.com/hwldyz/p/9204614.html