Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
BlackWolfSky6 分钟前
React中文网课程笔记1—快速入门
前端·笔记·react.js
A_one201010 分钟前
利用npm内置命令构建脚本工具
前端·npm·node.js
哔哩哔哩技术15 分钟前
2025年哔哩哔哩技术精选技术干货
前端·后端·架构
霍理迪16 分钟前
CSS布局方式——定位
前端·css
星光不问赶路人18 分钟前
TypeScript 架构实践:从后端接口到 UI 渲染数据流的完整方案
前端·vue.js·typescript
ttyyttemo19 分钟前
Dagger技术的使用学习
前端
IT_陈寒23 分钟前
Redis性能翻倍的5个关键策略:从慢查询到百万QPS的实战优化
前端·人工智能·后端
码界奇点32 分钟前
基于React与TypeScript的后台管理系统设计与实现
前端·c++·react.js·typescript·毕业设计·源代码管理
cehuishi952741 分钟前
python和arcgispro的实践(AI辅助编程)
服务器·前端·python
Summer不秃1 小时前
使用 SnapDOM + jsPDF 生成高质量 PDF (含多页分页, 附源码)
前端·javascript·vue.js·pdf·node.js