首页 > 其他 > 详细

Vue学习笔记:计算属性

时间:2019-12-01 09:47:54      阅读:51      评论:0      收藏:0      [点我收藏+]

使用函数的缺点

如果我们想要将数据经过转化后再显示,或者多个数据结合起来进行显示,一般可以直接在数据渲染或者数据绑定的时候书写表达式

如果表达式过于复杂,或者逻辑太多的时候,我们可以将其封装在函数里,写在 methods 选项里

而,使用函数的话,每次调用都会重新计算一次,对于不经常改变的数据,使用函数会特别影响性能

计算属性的简单使用

将数据经过处理再显示出来,我们可以使用计算属性computed:

计算属性是有缓存的,性能比直接用methods好

技术分享图片

计算属性定义好之后,用法和普通的data里定义的属性一样

计算属性的复杂操作

函数是单向的,而计算属性可以有setter和getter,可以支持双向的

计算属性如果不指定,则默认只有getter,如果想要计算属性支持setter属性,需要分别定义getter和setter方法

计算属性的setter和getter:
技术分享图片

~~~~~ END ~~~~~

Vue学习笔记:计算属性

原文:https://www.cnblogs.com/wbyixx/p/11964847.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!