Vue - 计算属性与方法区别

计算属性（computed）

• 在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，最终需返回一个结果。

              computed: {
                  reversedName(){
                      return this.name.split('').reverse().join('')
                  }
              }
  

computed 与 methods 区别

• 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。即当依赖的属性值没改变时，第一次执行计算属性会进行值缓存，后面重复调用该计算属性都是从缓存中读取原来的值。
• methods 每次触发重新渲染 或 调用该方法时都会再次执行方法函数，即只要调用方法，就会再次执行
• computed 有缓存，所以性能会比使用 methods 要更好