vue中computed和watch的区别

computed

computed 是基于响应性依赖来进行缓存的。只有依赖数据发生改变，才会重新进行计算（当触发重新渲染，若依赖数据没有改变，则 computed 不会重新计算）。若没改变，计算属性会立即返回之前缓存的计算结果。不支持异步，当 computed 内有异步操作时无效，无法监听数据的变化的值。

watch

通过watch给属性绑定函数，当属性的值发生变化时，该函数就会自动被调用，调用时可以接收两个参数，第一个参数是属性改变后的值，第二个参数是属性改变前的值(新旧两个值)。只会监听数据的值是否发生改变，而不会去监听数据的地址是否发生改变，要深度监听需要配合deep：true属性使用。

使用场景：

computed的场景：一个数据受多个数据影响，如购物车计算价格。

watch的场景：一个数据影响多个数据，如搜索数据。