Computed和Watch的区别

最近看面试题,其中提到computed和watch的区别。脑子一懵,没整明白。

相同点:.

watch和computed都是以Vue的依赖追踪机制为基础的,它们都试图处理这样一件事情:当某一个数据(称它为依赖数据)发生变化时,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动,并且自动执行”预先定义的函数。

不同点:

各自处理的数据关系场景不同

watch处理的场景是:一个数据影响多个数据

computed处理场景是:一个数据受多个数据影响    

理解:

watch可以说是用来监听input然后进行一些即时搜索操作之类的。

 在computed中定义的每一个计算属性,都会被缓存起来,只有当计算属性里面依赖的一个或多个属性变化了,才会重新计算当前计算属性的值。  

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • computed 计算属性类似于过滤器,对绑定到试图的数据进行处理,并监听变化进而执行对应的代码 基于它的依赖缓存...
    佳琳_会加油的阅读 976评论 0 1
  • 计算属性computed : 1、支持缓存,只有依赖数据发生改变,才会重新进行计算2、不支持异步,当compute...
    啵崽崽阅读 433评论 0 1
  • 最近依旧在面试,故会把面试时遇到的一些问题整理下来供自己查阅。因为之前的项目用vue用的不多,所以在被问到comp...
    易推倒DE小狼阅读 7,745评论 0 2
  • computed 是一个计算属性(被计算出来的属性就是计算属性),不需要加括号,会根据依赖是否变化来缓存。 展示用...
    浪味仙儿啊阅读 423评论 0 2
  • 共同点: 都可以监听页面数据的变化 computed计算属性,在模板中放入太多的逻辑会让模板过重且难以维护,在需要...
    Tz1314阅读 239评论 0 0

友情链接更多精彩内容