vue常用特性之计算属性

计算属性

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

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

---

计算属性的用法

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

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

---

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