计算属性computed
computed
概念:基于现有的数据,计算出来的新属性。依赖的数据变化,自动重新计算。
使用方法:
computed 计算属性 VS methods 方法
computed 计算属性:
作用:封装了一段对于数据的处理,求得一个结果。
语法:
- 写在 computed 配置项中
- 作为属性,直接使用 → this.计算属性 {{ 计算属性 }}
method 方法:
**作用:**给实例提供一个方法,调用以处理业务逻辑。
语法:
- 写在 methods 配置项中
- 作为方法,需要调用 → this.方法名( ) {{ 方法名( )}} @事件名=“方法名”
缓存特性(提升性能):
计算属性会对计算出来的结果缓存,再次使用直接读取缓存,依赖项变化了,会自动重新计算 → 并再次缓存