Vue3.x computed函数----计算属性

Posted 2023-03-19

参考技术A computed函数，是用来定义计算属性的，计算属性是不能被修改的。

应用场景：基于已有的数据，计算另一种数据。

使用方法：需要提前从vue中按需引入

1.Vue3中计算属性也是组合API风格

2.回调函数必须return，结果就是计算的结果

3.如果计算属性依赖的数据发生变化，那么会重新计算

4.不要在计算中进行异步操作

1.计算属性可以直接读取或者修改

2.如果要实现计算属性的修改操作，那么computed的实参应该是对象

3.读取数据触发get方法

4.修改数据触发set方法，set函数的形参就是你赋给他的值

[Vue] 计算属性Computed与函数function的异同

[Vue] 计算属性Computed与函数function的异同

在Vue中计算属性与函数都能够实现相同的效果，返回相同的值，但是区别在于计算属性依赖于内存，只要所依赖的属性没有发生改变计算出来属性值也不会发生变化，所以当所依赖的属性没有发生变化时，就不在执行计算操作。

Vue中的函数虽然也能够实现计算属性所达到的效果，但是函数不管所依赖的属性值有没有发生变化都会重新的渲染，执行该函数。