vue常用特性之计算属性

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/poppy995/article/details/98173761

计算属性

{{msg.split('').reverse().join('')}} 这个值是可以使用原生的方法的,意思是将msg字符串分隔成数组,将数据反转后再拼接成字符串

表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁


计算属性的用法

computed:{
  reversedMessage:function(){
    return this.msg.split('').reverse().join('');
  }
}

computed:{方法名称:方法体}


计算属性和方法的区别
计算属性是基于他们的依赖(指的就是data中的数据)进行缓存的 就是说在调用了多次参数相同的方法时,计算属性会将第一次的结果缓存起来,后面再访问他的时候就会直接去缓存中找,而不是再执行一次函数,在处理需要时间比较久的代码时提高了性能
方法不存在缓存

猜你喜欢

转载自blog.csdn.net/poppy995/article/details/98173761