阐述Vue 中 computed 和 methods 的区别？

参考答案：

在 Vue.js 中，computed 和 methods 都是用于处理数据的，但它们的工作方式和适用场景有所不同。以下是它们之间的主要区别：

缓存：这是 computed 和 methods 之间最重要的区别。computed 属性是基于它们的依赖进行缓存的。只有在它的相关依赖发生改变时才会重新求值。这意味着只要 computed 属性的依赖没有发生变化，多次访问 computed 属性会立即返回之前缓存的结果，而不会重新执行函数。而 methods 则不同，每次调用 methods 都会执行相应的函数，没有缓存机制。
使用场景：由于 computed 有缓存机制，因此它适用于处理复杂逻辑和计算属性，这些属性可能需要被多次访问，但不需要每次都重新计算。例如，你可以使用 computed 来计算一个列表的过滤或排序版本。而 methods 则更适用于处理那些需要执行副作用（如改变状态或触发事件）的函数，或者那些不需要被缓存的函数。
函数参数：computed 属性不能接受参数，因为它们是基于依赖关系进行缓存的。如果你需要传递参数，那么你应该使用 methods。
响应性：computed 属性是响应式的，这意味着当它们的依赖项发生变化时，它们会自动更新。而 methods 则不是响应式的，它们只是普通的函数，只有当它们被调用时才会执行。

总的来说，computed 和 methods 在 Vue.js 中各自有其独特的用途。computed 更适合于处理复杂逻辑和需要缓存的计算属性，而 methods 则更适合于处理那些需要执行副作用或不需要缓存的函数。