computed计算属性用法和方法的区别

vue中的计算属性

模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。

所以我们使用computed进行运算

在代码中也可以使用方法来计算

我们在表达式中像这样调用一个函数也会获得和计算属性相同的结果

这两种方法的区别

若我们将同样的函数定义为一个方法而不是计算属性，两种方式在结果上确实是完全相同的，然而，不同之处在于计算属性值会基于其响应式依赖被缓存。一个计算属性仅会在其响应式依赖更新时才重新计算。