Vue系列之 computed 和 watch 的区别与使用场景
yuanyuanbyte opened this issue · comments
本系列的主题是 Vue，每期讲解一个技术要点。如果你还不了解各系列内容，文末点击查看全部文章，点我跳转到文末。
如果觉得本系列不错，欢迎 Star，你的支持是我创作分享的最大动力。
computed 和 watch 的区别与使用场景
computed 是计算属性，依赖已有的响应式数据来计算另一个目标变量，用于响应式数据的复杂逻辑计算处理。
watch 是侦听器，监听到值的变化就会执行相应的回调函数，适用于观测到某个值的变化时 执行复杂的业务逻辑，比如执行异步或开销较大的操作。
使用场景：
当我们需要进行复杂的数值计算或逻辑处理，并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时，都要重新计算；
当我们需要在数据变化时执行异步或开销较大的操作时，使用 watch 是最有用的。
博文系列目录
- JavaScript 深入系列
- JavaScript 专题系列
- JavaScript 基础系列
- 网络系列
- 浏览器系列
- Webpack 系列
- Vue 系列
- 性能优化与网络安全系列
- HTML 应知应会系列
- CSS 应知应会系列
交流
各系列文章汇总：https://github.com/yuanyuanbyte/Blog
我是圆圆，一名深耕于前端开发的攻城狮。
