vue中计算属性computed和监听器watch的区别

一、基本区别

computed： 是计算属性，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值；

watch： 更多的是观察的作用，支持异步，类似于某些数据的监听回调 ，每当监听的数据变化时都会执行回调进行后续操作；

二、处理场景

computed擅长处理的场景：一个数据受多个数据影响；

watch擅长处理的场景：一个数据影响多个数据，对象内监听使用，depp:true；

三、重要区别

如果computed属性属性值是函数，那么默认会走get方法;函数的返回值就是属性的属性值;在computed中的，属性都有一个get和一 个set方法，当数据变化时，调用set方法。

而watch监听数据必须是data中声明过或者父组件传递过来的props中的数据，当数据变化时，触发其它操作，函数有两个参数。