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"

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端知识分享

第176天:页面优化

从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽...

15320
来自专栏陈满iOS

iOS开发·网络请求方法总结复习(NSURLConnection,NSURLSession,AFNetworking)

iOS的开发中的网络下载方式包括NSData(最原始,实际开发基本不会用),NSURLConnection(古老又过气的苹果原生网络框架),NSURLSessi...

35030
来自专栏开发技术

Redis Sentinel安装与部署,实现redis的高可用

  对于生产环境,高可用是避免不了要面对的问题,无论什么环境、服务,只要用于生产,就需要满足高可用;此文针对的是redis的高可用。

12210
来自专栏张首富-小白的成长历程

redis缓存服务器

#你当前没有指定配置文件,以默认的配置文件启动,如果你想指定配置文件你可以redis-server 文件所在位置

71220
来自专栏lgp20151222

$.ajax()方法参数详解

type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器...

18510
来自专栏陈满iOS

iOS复习中有关SDWebImage可能知识点总结(2)

分为内存缓存(利用SDImageCache类的NSCache属性),磁盘缓存(利用NSFileManager),和操作缓存(利用runtime关联的字典属性)。...

28910
来自专栏张首富-小白的成长历程

redis-----简单介绍---基本的配置---持久化----学习笔记

注意: 基于这些原因,将来我们可能会统一AOF和RDB为一种单一的持久化模型(长远计划)。 下面的部分将介绍两种持久化模型等多的细节。

17230
来自专栏陈满iOS

iOS复习中有关SDWebImage可能知识点总结(1)

例如,SD为UIImageView提供的UIImageView+WebCache.m分类,有这些API:

14920
来自专栏张首富-小白的成长历程

CentOS系统优化脚本,未完结

sed -i "s/SELINUX=enforcing/SELINUX=disabled/g" /etc/selinux/config

25720
来自专栏靠谱PM

产品需求从哪些维度划分优先级

上一篇文章中说到由一个需求挖掘出更多的需求点,需求那么多不可能一下全都做的(开发资源有限),那么这个时候我们就要对需求进行优先级的排序,得出结论哪些需求优先做,...

36720

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励