失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue中计算属性computed和监听器watch的区别

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

时间:2023-01-02 10:42:03

相关推荐

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

一、基本区别

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

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

二、处理场景

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

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

三、重要区别

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

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

如果觉得《vue中计算属性computed和监听器watch的区别》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。