Computed
基本使用:
在computed中定义一个函数(看起来是一个函数,其实是一个属性),命名按照属性规范命名(一般为名词)。
应用场景:
当数据A的逻辑很复杂时,把A这个数据写在计算属性中。
代码位置:
通过选项computed:{计算属性a:值}
值:
带有返回值return的函数。
示例:
普通计算
computed依赖于ref
computed示例
你可能注意到我们在表达式中像这样调用一个函数也会获得和计算属性相同的结果:
若我们将同样的函数定义为一个方法而不是计算属性,两种方式在结果上确实是完全相同的,然而,不同之处在于计算属性值会基于其响应式依赖被缓存。一个计算属性仅会在其响应式依赖更新时才重新计算。
示例
fullName 调用了三次而计算属性只出现了一次,这就是缓存当函数的内容不发生改变他就只会重复调用。
虽然两种功能一样但是当方法比较复杂时性能就回出现明细差异
当需要重复调用一个属性时使用计算属性推荐使用计算属性,计算属性最好当成只读,需要修改时直接修改数据源而不是修改计算属性。