相同点
- 都可以实现响应式逻辑
区别
功能:
- computed是计算属性,根据依赖的数据变化动态更新显示的计算结果。
- watch是监听某个值的变化,然后做出对应的操作
缓存:
- computed:
Transclude of Vue-computed#^8c8728
Transclude of Vue-computed#^d7qpea
- watch: 不支持缓存,当监听的值发生变化时,响应执行
异步操作:
使用场景:
- 如果一个属性是由其它属性计算而来的,这个属性依赖其它属性,使用computed。
- 需要在数据变化时执行异步操作或者开销较大的操作时,使用watch