vue的watch和computed的区别

Vue的watch和computed都是用来监听数据变化的，但它们的实现方式和使用场景有所不同。

1. 实现方式：

computed是基于依赖进行缓存的，只有当依赖的数据发生变化时，计算属性才会重新计算，否则会返回之前缓存的结果。computed可以看成是一个计算结果的缓存，适用于需要对某些数据进行复杂计算并多次使用的场景。

watch是通过监听数据的变化来执行一些操作的，当被监听的数据发生变化时，watch会执行相应的回调函数，适用于需要在数据变化时执行异步或复杂的操作的场景。

2. 使用场景：

computed适用于需要对某些数据进行复杂计算并多次使用的场景，比如通过计算属性计算购物车总价等。

watch适用于需要在数据变化时执行异步或复杂的操作的场景，比如监听表单输入，当输入内容发生变化时，触发异步请求获取相关信息。

综上，computed适用于计算属性的场景，watch适用于监听数据变化并执行操作的场景。