vue中computed、methods、watched比较

一、computed和methods对比

computed是状态（data）改变时，重新进行计算；methods是计算函数，每次重新渲染都会重新计算。比如return Date.now()，computed不会变化，methods则会更新。

1、计算属性（computed）是基于它们的依赖进行缓存的；

2、我们为什么需要缓存？假设我们有一个性能开销比较大的的计算属性 A ，它需要遍历一个极大的数组和做大量的计算。然后我们可能有其他的计算属性依赖于 A 。如果没有缓存，我们将不可避免的多次执行 A 的 getter！如果你不希望有缓存，请用 method 替代。

二、computed和watch对比

Vue 通过 watch 选项提供一个更通用的方法，来响应数据的变化。当你想要在数据变化响应时，执行异步操作或开销较大的操作，这是很有用的。

使用 watch 选项允许我们执行异步操作（访问一个 API），限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这是计算属性无法做到的。

原文地址：https://www.cnblogs.com/zz-zrr/p/8728243.html