计算属性(computed)
- 在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,最终需返回一个结果。
computed: { reversedName(){ return this.name.split('').reverse().join('') } }
computed 与 methods 区别
- 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。即当依赖的属性值没改变时,第一次执行计算属性会进行值缓存,后面重复调用该计算属性都是从缓存中读取原来的值。
- methods 每次触发重新渲染 或 调用该方法时都会再次执行方法函数,即只要调用方法,就会再次执行
- computed 有缓存,所以性能会比使用 methods 要更好