Vue中computed和watch的区别

1、computed是计算属性；watch是监听，监听data中的数据变化。

2、computed支持缓存，当其依赖的属性的值发生变化时，计算属性会重新计算，反之，则使用缓存中的属性值；watch不支持缓存，当对应属性发生变化的时候，响应执行。

3、computed不支持异步，有异步操作时无法监听数据变化；watch支持异步操作。

4、computed第一次加载时就监听；watch默认第一次加载时不监听。

5、computed中的函数必须调用return；watch不是。

6、使用场景：

computed：一个属性受到多个属性影响，如：购物车商品结算。

watch：一个数据影响多条数据，如：搜索数据。

数据变化响应，执行异步操作，或高性能消耗的操作，watch为最佳选择。