Vue 中 computed 和 watch 的区别

computed

1. computed 是计算属性,可以根据data 中的数据成员,动态的计算出一个新的数据成员(这个数据成员在data 中并不存在),

2. 计算属性的函数必须有返回值

3. 当计算属性的依赖数据发生了变化,计算属性会自动求值更新

4. 计算属性有一个特性:缓存,如果依赖项没有变化,多次使用计算属性数据不会多次执行求值函数

watch

1. watch 是监听器,可以监视data 中某一个数据成员的改变或路由中的某个属性的改变,

2. 在 watch 可以执行的操作:发送异步请求、数据本地存储、修改页面dom元素呈现、修改某些数据等。只要和这个数据有关联的逻辑,都可以在这里

3. watch 的函数名必须是 data 里面的参数

计算属性


watch 监听器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容