Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
凯瑟琳.奥古斯特几秒前
Redis是什么及核心特性
前端·css·redis·缓存
架构源启2 分钟前
OpenClaw 只能手动写脚本?我用 Chrome 插件实现了“录制即生成“
前端·人工智能·chrome·自动化
yingyima18 分钟前
正则表达式实战:如何高效清洗脏数据
前端
兔子零102420 分钟前
Ofox AI值得用吗?
前端·javascript·后端
We་ct1 小时前
React 性能优化精讲
前端·javascript·react.js·性能优化·前端框架·html·浏览器
云动课堂1 小时前
【运维实战】Nginx 高性能Web服务 · 一键自动化部署方案 (适配银河麒麟 V10 / openEuler / CentOS 7/8)
运维·前端·nginx
大前端helloworld3 小时前
AI全自动实现Flutter蓝牙自动连接
前端
GISer_Jing3 小时前
从入门到落地:前端开发者的AI Agent全栈学习路线
前端·人工智能·ai编程
计算机安禾3 小时前
【Linux从入门到精通】第47篇:SystemTap与eBPF——Linux内核观测的显微镜
java·linux·前端
技术钱3 小时前
OutputParser输出解析器
linux·服务器·前端·python