Vue中computed计算属性和methods方法有什么区别？

（一） computed计算属性：封装了一段对数据的处理，求得一个结果。

有缓存特性！！

一旦计算出来结果就会立刻缓存，下一次读取，直接读取缓存就行，不用重新计算，性能特别高。

比如页面调用了5次计算结果，实际上只计算了1次，其他都是使用的缓存结果。

ps：只有当依赖项变了，才会重新计算并再次缓存。

使用场景：经常用于清单/表格求和这种。

（二）methods方法：给实例提供一个方法，调用以处理业务逻辑。

调用一次计算一次，没有缓存效果。

比如页面调用5次计算结果，实际上就是要计算5次，性能相对较差。

使用场景：侧重于处理业务逻辑，例如注册点击事件，改改数据，发发请求这种。

综上，两者的区别是

1. computed侧重于求得结果，而methods侧重于处理业务逻辑。

如果有经常用到的计算结果，建议选择computed计算属性。

2. 使用区别，computed计算出来后，作为属性，页面直接使用就行｛｛ 计算属性 } }；

而methods作为方法，页面使用需要调用，方法名( )。