Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
Hooray12 小时前
2026年,站在职业生涯十字路口的我该何去何从?
前端·后端
小二·12 小时前
Python Web 开发进阶实战:安全加固实战 —— 基于 OWASP Top 10 的全栈防御体系
前端·python·安全
over69712 小时前
🌟 JavaScript 数组终极指南:从零基础到工程级实战
前端·javascript·前端框架
社恐的下水道蟑螂12 小时前
深入掌握 AI 全栈项目中的路由功能:从基础到进阶的全面解析
前端·react.js·全栈
米诺zuo12 小时前
Angular 18 核心特性速查表
前端
hey_ner12 小时前
进度条图表简单化
前端·css·css3
苏西的网络日志12 小时前
前端项目缓存控制与自动版本检查方案实现
前端
小遁哥12 小时前
通过AI从零开发RN到在安卓手机上运行
前端·react native·cursor
sure28212 小时前
react native中实现视频转歌
前端·react native
weipt12 小时前
关于vue项目中cesium的地图显示问题
前端·javascript·vue.js·cesium·卫星影像·地形