vue学习笔记4-计算属性-computed
computed属性的使用方法和method属性的使用方法完全大致相同，只能用于计算上 之前反转写法：
原始：{{messages}} </br>
转换：{{messages.split('').reverse().join('')}}代码过于臃肿，computed可以代替这个臃肿过程
原始：{{messages}} </br>
转换：{{rere}}
computed : {
rere : function(){
return this.messages.split('').reverse().join('')
}
}可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，所以computed从理论上来说效率会更快点。 但是如果不希望缓存，可以使用 methods 属性。
computed默认方法是getter，调用方法的时候使用的也是getter，但还有setter方法，但需要手动设置：
rere : {
get : function(){
return this.messages.split('').reverse().join('')
},
set : function(data){
this.messages = data;
}
}如果使用vm.rere那么就会调用set方法，
vm.rere = "HHHEE"本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读