vue计算属性是什么,vue计算属性computed
第一站
什么是计算属性computed
computed 是基于它的依赖缓存,只有在它的相关依赖发生改变时才会进行更新。官方文档是这样说的:对于任何包含响应式数据的复杂逻辑,你都应该使用计算属性。
第二站
复杂数据的处理-computed
拼接字符串、分数是否及格、message记录一段文字,这里是用computed实现的。

当然我们用Mustache插值语法、methods也是可以完成的,但是对于复杂数据的处理,我们往往采用computed,写法更清晰,且计算属性是有缓存的。
第三站
计算属性的缓存
会基于它们的依赖关系进行缓存;在数据不发生变化时,计算属性是不需要重新计算的;但是如果依赖的数据发生变化,在使用时,计算属性依然会重新进行计算;
&tinsp;
所以这也是我们在复杂数据处理时更倾向于computed
在使用相同次数的fullName时,methods执行三次,computed执行一次,这正是由于computed计算属性会被缓存。


第四站
计算属性computed的setter和getter
大多数情况下,计算属性只需要一个getter方法,那么此时computed属性属性值为函数。
如果想要设置计算属性的值,我们可以给计算属性设置一个setter方法。

本文地址:百科问答频道 https://www.neebe.cn/wenda/903230.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!