vue3的computed计算属性和watch监听的区别和相同点

1.计算属性(computed)

• 计算属性是基于他们的依赖的数据源进行缓存的，只有在依赖的数据发生变化的时候才会进行计算，可以避免不必要的重复计算.
• 计算属性适用于一些总结一些新的数据，如对数据进行累加，过滤，格式化等。
• 计算属性可以像普通属性一样使用。
• 计算属性中必须使用return返回

监听器(watch）

• 监听器允许我们在监听数据变化时执行异步的操作或复杂的逻辑
• 监听器适用于数据变化并进行操作响应时。
• 监听器可以监听一个或多个数据的变化

相似之处

• 计算属性和监听器都可以依赖于响应数据
• 他们都可以监听数据的变化，并作出响应的处理。

区别

• watch 是在数据变化时触发回调函数，而 computed 是在访问其值时进行计算（如果依赖的数据发生变化）。
• computed 具有缓存机制，只有当依赖的数据发生变化时才会重新计算，而 watch 没有缓存机制。