Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
发现一只大呆瓜40 分钟前
SSO单点登录:从同域到跨域实战
前端·javascript·面试
发现一只大呆瓜41 分钟前
告别登录中断:前端双 Token无感刷新
前端·javascript·面试
Cg136269159742 小时前
JS-对象-Dom案例
开发语言·前端·javascript
无限大62 小时前
《AI观,观AI》:善用AI赋能|让AI成为你深耕核心、推进重心的“最强助手”
前端·后端
烛阴2 小时前
Claude Code Skill 从入门到自定义完整教程(Windows 版)
前端·ai编程·claude
lxh01133 小时前
数据流的中位数
开发语言·前端·javascript
神仙别闹3 小时前
基于NodeJS+Vue+MySQL实现一个在线编程笔试平台
前端·vue.js·mysql
zadyd4 小时前
Workflow or ReAct ?
前端·react.js·前端框架
北寻北爱6 小时前
vue2和vue3使用less和scss
前端·less·scss
IT_陈寒6 小时前
Redis性能提升3倍的5个冷门技巧,90%开发者都不知道!
前端·人工智能·后端