- 相同点：computed和watch都是观察页面的数据变化的
- 不同点：
- computed只有当页面数据变化时才会计算，当数据没有变化时，它会读取缓存。而watch每次都需要执行函数，methods也是每次都需要执行
- 数据变化时执行异步操作时适合使用watch
vue中computed和watch的区别
2023-11-07
35
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue中computed和watch的区别
目录
相关文章
|
1天前
|
JavaScript
网络架构
|
1天前
|
人工智能
JavaScript
索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
7
0
0
|
1天前
|
开发框架
JavaScript
前端开发
手把手教你剖析vue响应式原理，监听数据不再迷茫
该文章深入剖析了Vue.js的响应式原理，特别是如何利用`Object.defineProperty()`来实现数据变化的监听，并探讨了其在异步接口数据处理中的应用。
11
0
0
|
缓存
JavaScript
|
4月前
|
缓存
JavaScript
|
4月前
|
缓存
JavaScript
|
10月前
|
缓存
JavaScript
前端开发
|
缓存
JavaScript
|
缓存
JavaScript
|
缓存
监控
JavaScript
vue相关面试题:computed和watch区别
★主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作，可以看作是 computed 和 methods 的结合体；
★可以监听的数据来源：data，props，computed内的数据；
★watch支持异步；
★不支持缓存，监听的数据改变，直接会触发相应的操作；
★监听函数有两个参数，第一个参数是最新的值，第二个参数是输入之前的值，顺序一定是新值，旧值
151
0
0
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
Vite+Vue3+Vue-Router+Vuex+CSS预处理器(less/sass) 配置指南 —— 全网最详细系列
3
vue3 ant design table中插槽使用
4
vue3中的四种插槽的介绍-保证让你看看的明明白白！
5
VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入
6
前端毕业设计：Nodejs+Vue菜鸟驿站仓库管理系统的设计与实现
7
【Vue.js 入门与实战】--组件化和模块化的区别
8
Vue首屏优化12条建议
9
Springboot+vue的员工绩效考核管理系统（有报告），Javaee项目，springboot vue前后端分离项目。
10
vue的特点