Vue methods computed watch 区别

如果涉及到比较复杂的场景,我们应该使用计算属性。计算属性是用来声明式的描述一个值依赖了其它的值,当依赖的值发生改变时,其值才会相应的发生更改并更新相关的dom。计算属性与methods区别并不明显,但在一些比较复杂或是数据量比较大的,并存在一些依赖关系的时候,计算属性的优势就会突显出来,此时使用计算属性会大大提高我们的性能。

计算属性:只要依赖的数据没发生改变,我们就可以直接返回缓存里的数据,而不需要每次都重复执行数据操作。

Methods: 只要发生重新渲染,method 调用总会执行该函数。鉴于两者的区别,我们可以根据其需求和场景进行合理的选择。

watch:用于观察和响应Vue实例上的数据变动,当你想要在数据变化响应时,执行异步操作或开销较大的操作,这时使用watch将是更好的选择。使用watch代码很容易理解,它指定监测的值是谁,然后相应的改变其他的值 

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

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,088评论 19 139
  • 8.1【Day126】今日所读:《把幸福还给孩子》 P193-290 ①传统与现代: 关于蒙氏教育,大部分时候被人...
    _原野阅读 1,216评论 0 0
  • 你说,看的书多了,自然出口成章了 你说,走的路多了,自然健步如飞了 我在想,静静闲坐,双耳聆听万物之声,双...
    我是铃木阅读 1,661评论 0 2
  • 不知道从什么时候开始,我们从彼此的无话不谈变成了见面不知该说什么,是说一句,好久不见吗,亦或者是“最近怎么样吗”。...
    在你的怀中枯萎阅读 1,328评论 0 1
  • 由于工作需要,每天有大量的视频需要压缩转码 某一天为了更好的需求,中午也要去,这尼玛 直接写一个脚本给我做,就行了...
    猫爪阅读 6,771评论 1 6

友情链接更多精彩内容