Vue计算属性compoted简单介绍

1.什么是计算属性


一个数据, 依赖另外一些数据计算而来的结果

2. 计算属性有什么用

1、模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁

2、计算属性是基于它们的响应式依赖进行缓存的

3、computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是多个变量中的某一个值发生了变化,则我们监控的这个值也就会发生变化

3.语法

4.与方法的区别

1、两者都能达到根据data中数据变化,就触发函数的结果。

2、计算属性是基于他们的依赖进行缓存的,只有在相关依赖发生改变时,他们才会重新求值,也就是说,只要他的依赖没有发生变化,那么每次访问的时候计算属性都会立即返回之前的计算结果,不再执行函数

3、computed 多用于处理多个变量返回一个值,watch多用于异步处理或者逻辑比较复杂的处理。比如实时搜索效果

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容