Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
拿不拿铁193 小时前
Vite 5.x 开发模式启动流程分析
前端
fruge3 小时前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
BBB努力学习程序设计4 小时前
了解响应式Web设计:viewport网页可视区域
前端·html
zhangyao9403304 小时前
uni-app scroll-view特定情况下运用
前端·javascript·uni-app
码农张4 小时前
从原理到实践,吃透 Lit 响应式系统的核心逻辑
前端
jump6804 小时前
object和map 和 WeakMap 的区别
前端
打小就很皮...4 小时前
基于 Dify 实现 AI 流式对话:组件设计思路(React)
前端·react.js·dify·流式对话
这个昵称也不能用吗?4 小时前
【安卓 - 小组件 - app进程与桌面进程】
前端
kuilaurence4 小时前
CSS `border-image` 给文字加可拉伸边框
前端·css
一 乐4 小时前
校园墙|校园社区|基于Java+vue的校园墙小程序系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·小程序