Vue 中 computed 和 watch 的区别?

计算属性  computed

computed 是计算属性, 可以根据 data 中的数据成员,动态计算出一个新的数据成员(这个数据成员在 data 中并不存在), 计算属性的函数必须有返回值;

监听器 watch

watch 是监视器, 可以监视 data 中某一个数据成员的改变或路由中的某些属性的改变, 可以根据这个改变, 做一些其他操作(不仅仅局限于更新其他相关数据).

watch监听data或者props传来的数据，发生变化时会触发相应操作。有两个参数：

        immediate:立即触发回调函数。

        deep：深度监听，发现数据内部的变化，在复杂数据类型中使用，例如数组中的对象发生变化。需要注意的是，deep无法监听到数组和对象内部的变化。

computed和watch之间的区别：

1.computed能完成的功能，watch都可以完成。watch可以完成的功能，computed不一定能完成。

2.computed必须有一个返回值。

3.watch 可以实现异步操作，computed则不行。

4.computed支持缓存的。watch是监听数据变换，没有缓存。

5. computed 是多对一，多个数据影响一个。当需要进行数值计算,并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时都要重新计算。

   watch 是一对多，一个数据发生变化，执行相应操作会影响多个数据。当需要在数据变化时执行异步或开销较大的操作时，应该使用 watch。