computed 计算属性:更侧重于业务
作用:封装了一段对于数据的处理,求得一个结果,语法:
① 写在 computed 配置项中
② 作为属性,直接使用 → this.计算属性 {{ 计算属性 }}
methods 方法:更侧重于业务
作用:给实例提供一个方法,调用以处理业务逻辑语法:
① 写在 methods 配置项中
② 作为方法,需要调用→ this.方法名(){{ 方法名()}} @事件名="方法名“
样例:
1这里调用四次computed去计算总数
2虽然在computed计算属性中有一个打印语句
3但控制台也只执行了一次,说明只计算了一次,后面的取值是直接取,而不是重新计算
4说明计算属性是有缓存的,一旦计算出来结果,就会立刻缓存,下一次读取,直接读缓存就取值了
5而当每次单项数据变化后,会重新求值,并放进缓存里,性能特别高
而用方法来实现的话虽然也可以,但如果计算的逻辑很复杂,就会很耗费性能,不适合这种封装数据求和
标签:computed,缓存,methods,vs,计算,方法,属性 From: https://blog.csdn.net/SSHLY3/article/details/143461106