计算机网络/计算机科学与应用/系统/运维/开发

Vue3 computed计算属性

一、computed计算属性使用

计算属性需要以函数的形式定义在computed选项中,最后返回一个计算结果,该结果可以在插值时进行调用并渲染出来。


通过计算属性可以实现各种复杂的逻辑,包括运算、函数调用等,只要最后返回一个计算结果就可以。

当计算属性依赖的数据发生变化时,计算属性的值会自动更新,所有依赖该计算属性的数据绑定也会同步进行更新。


计算属性可以依赖Vue实例中的多个数据,只要其中任一数据发生变化,计算属性就会随之变化,视图也会随之更新。


image.png


二、计算属性的getter和setter


image.png

热爱可抵岁月漫长, 温柔可挡艰难时光。

评论

^