计算属性

虽然{{}}可以插入单行表达式,但是逻辑过长会变得臃肿,难以阅读和维护,所以在遇到复杂的逻辑时,应当使用计算属性computed

计算属性可以依赖多个vue实例的数据,只要其中一个变化,计算属性会重新计算
每个计算属性包含getter和setter
属性名后面跟function,默认是getter


调用methods方法可以起到跟计算属性相同的作用,用计算属性能实现的,用方法一定可以实现

{{}}括号里面如果是属性直接写属性名,如果是方法,需要方法名后面加括号方法名()

方法:只要页面重新渲染,方法就会重新执行
计算属性:只有依赖的属性有变化才会变化。

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

相关阅读更多精彩内容

  • 计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。 例:反转字符串: 该例子中声明了一个...
    机智小铛铛i阅读 6,128评论 0 1
  • 计算属性computed 处理逻辑的地方,官网上说,对于任何复杂逻辑,都应当使用计算属性。 计算属性是有缓存的。 ...
    八宝君阅读 3,408评论 1 2
  • 摘要: {{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.s...
    柴东啊阅读 616评论 0 1
  • 计算属性基本用法 如果表达式过长,或逻辑复杂时,代码就会变得臃肿甚至难以阅读和维护,在遇到复杂的逻辑时应该使用计算...
    苦瓜_6阅读 3,306评论 0 0
  • 搞学术是一个艰辛而且漫长的过程,尤其对于学设计的同学来说,周末休息似乎是一种奢侈。怎么样调整好心态和时间呢,即能学...
    艾马尔小菲菲阅读 422评论 0 0

友情链接更多精彩内容