一、基本区别
computed: 是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;
watch: 更多的是观察的作用,支持异步,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;
二、处理场景
computed擅长处理的场景:一个数据受多个数据影响;
watch擅长处理的场景:一个数据影响多个数据,对象内监听使用,depp:true;
三、重要区别
如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;在computed中的,属性都有一个get和一 个set方法,当数据变化时,调用set方法。
而watch监听数据必须是data中声明过或者父组件传递过来的props中的数据,当数据变化时,触发其它操作,函数有两个参数。
如果觉得《vue中计算属性computed和监听器watch的区别》对你有帮助,请点赞、收藏,并留下你的观点哦!