- 相同点：computed和watch都是观察页面的数据变化的
- 不同点：
- computed只有当页面数据变化时才会计算，当数据没有变化时，它会读取缓存。而watch每次都需要执行函数，methods也是每次都需要执行
- 数据变化时执行异步操作时适合使用watch
vue中computed和watch的区别
2023-11-07
52
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue中computed和watch的区别
目录
相关文章
|
27天前
|
JavaScript
前端开发
API
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么？
总的来说，Vue 3 中的 `v-model` 在灵活性、与组合式 API 的结合、对自定义组件的支持等方面都有了明显的提升和改进，使其更适应现代前端开发的需求和趋势。但需要注意的是，在迁移过程中可能需要对一些代码进行调整和适配。
108
60
60
|
1月前
|
存储
缓存
JavaScript
在 Vue 中使用 computed 和 watch 时，性能问题探讨
本文探讨了在 Vue.js 中使用 computed 计算属性和 watch 监听器时可能遇到的性能问题，并提供了优化建议，帮助开发者提高应用性能。
77
8
8
|
1月前
|
存储
缓存
JavaScript
Vue 中 computed 和 watch 的差异
Vue 中的 `computed` 和 `watch` 都用于处理数据变化，但使用场景不同。`computed` 用于计算属性，依赖于其他数据自动更新；`watch` 用于监听数据变化，执行异步或复杂操作。
50
5
5
|
2月前
|
缓存
JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项，它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别，可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中，要根据具体情况灵活选择使用，以满足不同的需求。
31
2
2
|
缓存
JavaScript
|
7月前
|
缓存
JavaScript
|
7月前
|
缓存
JavaScript
|
缓存
JavaScript
前端开发
|
缓存
JavaScript
|
缓存
JavaScript
热门文章
最新文章
1
VS Code书写vue项目配置 eslint+prettier 统一代码风格
2
VUE3中watch与watchEffect —— 全网最详细系列
3
vue中关于element的el-image 图片预览功能增加一个下载按钮
4
Vue3——使用v-if或v-show来实现过渡的动画效果
5
中文代码示例之Vuejs入门教程(一)
6
自己设计的Vue3的实用项目（内含对项目亮点的实现思路与介绍）（上）
7
vue中如何获取到当前位置的天气
8
vue3.0 bpmn-js + TS 简易教程
9
基于springboot+vue的医院预约系统(前后端分离)
10
Vue表格显示问题：v-show无法影响el-table-column列的解决方案
1
使用Vue.js构建交互式前端的技术探索
92
2
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
169
3
vue2升级到vue3的一些使用注意事项记录(四）
133
4
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
151
5
ruoyi-nbcio-plus基于vue3的flowable多租户机制
191
6
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
104
7
vue3中使用动态组件
108
8
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
145
9
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
77
10
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
125