ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

computed计算属性特点

2022-05-17 22:02:57  阅读:295  来源: 互联网

标签:缓存 computed 计算 使用 方法 属性


computed计算属性的三个特点
1.计算属性使用时当作普通属性使用,不能加()当方法使用
2.计算属性的function内部,任何data发生改变,这个计算属性就会重新计算
3.计算属性的结果会被暂时缓存,方便下次使用
`


var vm = new Vue({
el:"#app",
data:{
firstname:'',
lastname:'',
},
computed:{
//在computed中可以定义一些计算属性, 注意使用时直接当做 属性 来使用,不当做方法!!
'fullname':function(){
return this.firstname+'-'+this.lastname
}
}
})

`

vue的计算属性:
1.在computed属性对象中定义计算属性的方法,在页面使用{{方法名}}来显示计算结果。
2.通过getter/setter实现对属性数据的显示和监视,计算属性存在缓存,多次读取只执行一次getter计算(计算属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算)。
————————————————
methods里的方法在调用时需要在HTML文本中加()
而computed里面的方法不需要加
`

{{getFullName()}}

{{fullName}}

`

标签:缓存,computed,计算,使用,方法,属性
来源: https://www.cnblogs.com/zmh114712318/p/16282556.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有