Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
rzl022 分钟前
java web5(黑马)
java·开发语言·前端
Amy.Wang4 分钟前
前端如何实现电子签名
前端·javascript·html5
今天又在摸鱼6 分钟前
Vue3-组件化-Vue核心思想之一
前端·javascript·vue.js
蓝婷儿8 分钟前
每天一个前端小知识 Day 21 - 浏览器兼容性与 Polyfill 策略
前端
百锦再10 分钟前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
jingling55515 分钟前
面试版-前端开发核心知识
开发语言·前端·javascript·vue.js·面试·前端框架
拾光拾趣录20 分钟前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css
莫空000021 分钟前
深入理解JavaScript属性描述符:从数据属性到存取器属性
前端·面试
guojl21 分钟前
深度剖析Kafka读写机制
前端
FogLetter22 分钟前
图片懒加载:让网页飞起来的魔法技巧 ✨
前端·javascript·css