Vue computed基本使用

参考

学习Vue3 第九章(认识computed计算属性)_computed-CSDN博客

用法

选项式写法

支持一个对象传入get函数和set函数

读取值的时候经过get函数

设置值的时候经过set函数

并且还支持传入一个泛型,即希望返回的类型、

get用法

以下图为例,当firstName或lastName改变时,name的值也会发生改变

即所依赖的值发生改变时,函数的值将会更新

set用法

设置值的时候将会触发set()函数,下图点击change按钮后,将会修改fitstName 和 lastName 的值

函数式写法

该种写法只支持一个getter函数,不允许修改值,相当于选项式写法只支持get()

相关推荐
程序员黑豆7 分钟前
鸿蒙应用开发:AttributeModifier 使用教程
前端·harmonyos
codeniu13 分钟前
TRAE Work 实战 | 从"有个想法"到线上Demo,我全程只靠对话就完成了
前端·trae
妙码生花16 分钟前
从 PHP 到 AI + Golang,程序员自救转型手记(五十):增加管理员角色组管理
前端·后端·ai编程
飘尘16 分钟前
一文讲清楚前端面试会问到的所有缓存
前端·javascript·面试
老王以为18 分钟前
走进 AI Agent
前端·人工智能·架构
妙码生花22 分钟前
从 PHP 到 AI + Golang,程序员自救转型手记(五十一):管理员和角色组的关联
前端·后端·ai编程
ThsPool23 分钟前
【ENVI二次开发学习整理 04】ENVI功能扩展与二次开发
java·前端·javascript
犀利的毛豆豆29 分钟前
vue和react的响应式有什么区别?
前端
因_崔斯汀29 分钟前
Three.js扩散波纹动画实现
前端·three.js
南雨北斗30 分钟前
vue3 下拉菜单
前端