Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
lifewange10 小时前
UI自动化页面元素定位有几种方式
前端·ui·自动化
牛奶10 小时前
2026 春涧·前端走向全栈
前端·人工智能·全栈
Piper蛋窝10 小时前
AI 有你想不到,也它有做不到 | 2025 年深度使用 Cursor/Trae/CodeX 所得十条经验
前端·后端·代码规范
LYFlied11 小时前
WebAssembly为何能实现极致性能:从设计原理到执行优势
前端·wasm·跨端
释怀不想释怀11 小时前
vue布局,动态路由
前端·html
桜吹雪12 小时前
Vue 基础:状态管理入门
前端·vue.js
JavaGuide12 小时前
利用元旦假期,我开源了一个大模型智能面试平台+知识库!
前端·后端
yuanyxh13 小时前
程序设计
前端·设计
eason_fan13 小时前
前端性能优化利器:LitePage 轻量级全页设计解析
前端·性能优化·前端工程化
pe7er14 小时前
如何阅读英文文档
java·前端·后端