Vue中computed和watch的区别
# 共同点:
都能实现对数据的监听
watch和computed都是以Vue的依赖追踪机制为基础的,当某一个依赖型数据(依赖型数据:简单理解即放在 data 等对象下的实例数据)发生变化的时候,所有依赖这个数据的相关数据会自动发生变化,即自动调用相关的函数,来实现数据的变动。
# 不同点:
# compouted
- 这个属性依赖其他属性,由其他属性计算而来的。
- 不支持异步
- computed 属性值默认会缓存计算结果,在重复的调用中,只要依赖数据不变,直接取缓存中的计算结果,只有依赖型数据发生改变,computed 才会重新计算
# watch
- 支持异步(当需要在数据变化时执行异步或开销较大的操作时,watch方式是最有用的)
- 不支持缓存,监听的数据改变,直接会触发相应的操作;
上次更新: 2022/07/03, 15:02:21