Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
东东5161 分钟前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
rainbow68893 分钟前
Python学生管理系统:JSON持久化实战
java·前端·python
打小就很皮...6 分钟前
React Router 7 全局路由保护
前端·react.js·router
起风的蛋挞15 分钟前
Matlab提示词语法
前端·javascript·matlab
有味道的男人16 分钟前
1688获得商品类目调取商品榜单
java·前端·spring
txwtech22 分钟前
第20篇esp32s3小智设置横屏
前端·html
Exquisite.30 分钟前
企业高性能web服务器---Nginx(2)
服务器·前端·nginx
DFT计算杂谈37 分钟前
VASP+PHONOPY+pypolymlpj计算不同温度下声子谱,附批处理脚本
java·前端·数据库·人工智能·python
广州华水科技41 分钟前
如何选择合适的单北斗变形监测系统来保障水库安全?
前端
Mr_Xuhhh1 小时前
MySQL表的内连接与外连接详解
java·前端·数据库