Vue - 计算属性与方法区别

计算属性(computed)

  • 在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,最终需返回一个结果。
                computed: {
                    reversedName(){
                        return this.name.split('').reverse().join('')
                    }
                }
    

computed 与 methods 区别

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

你可能感兴趣的:(Vue)