computed：是计算属性，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值；
watch：没有缓存性，更多的是「观察」的作用，类似于某些数据的监听回调 ，每当监听的数据变化时都会执行回调进行后续操作；当我们需要深度监听对象中的属性时，可以打开deep：true选项，这样便会对对象中的每一项进行监听
运用场景:
当我们需要进行数值计算，并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时，都要重新计算；可以理解为一个结果受到多个因素的影响。
当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用watch选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。该数据可以影响多个结果。
watch： 异步的派生数据computed和watch的区别 各自适用的场景：
一、什么是computed计算属性? 1.1 computed 和 watch 的区别 和 使用场景 1.1.1 ...
问题： 1.vue的响应式原理是怎么实现的？ 2.methods、computed 和 watch 有什么区别？ ...
Vue中computed VS watch 区别 及computed VS method区别 computed V...
Vue中computed VS watch 区别 及computed VS method区别 computed V...
watch computed 使用及理解概念 watch 使用理解 v-model 绑定input input 一...
代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-f...
watch和computed各自处理的数据关系场景不同 1.watch擅长处理的场景：一个数据影响多个数据 2.c...
1、computed & watch的去区别 computed有缓存，data不变则不会从新计算 watch如何深...
methods 和 computed 和 watch方法的区别 computed是计算属性，是有依赖缓存的，只有在...
本文标题：computed 和 watch 有什么区别及运用场景
本文链接：https://www.haomeiwen.com/subject/aufxzhtx.html
网友评论