Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
独孤九剑打醒他3 分钟前
【原创开源·修订版】源-栅-漏-栅-源横向双栅MOS:从“被误解的短路”到“电流路径多值逻辑与顶层供电架构”
前端·嵌入式硬件·架构·开源·硬件工程
阿狗童鞋17 分钟前
React实战指南
前端·react.js·前端框架
v:ychya201838 分钟前
独立站外贸建站公司怎么选?建站就要建营销型网站
前端·php
春涧草茶41 分钟前
慢就是快12-12手动抛出异常
java·linux·前端
三小河1 小时前
从 Markdown 到 Generative UI:AI 如何从“生成答案”进化到“生成界面”?
前端·人工智能·后端
请为小H留灯1 小时前
Windows 本地前端项目一键运行指南:Volta+Node+pnpm + 阿里镜像完整初始化流程
前端·pnpm·node·js
J船长1 小时前
从 App 开发到 Unity 游戏开发:建立认知地图,结合 AI 开始实践
前端
牛奔2 小时前
mise 管理多版本 Go 项目
开发语言·前端·chrome·后端·golang
能源革命3 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js