Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
漂流瓶jz8 分钟前
从TailwindCSS到UnoCSS:原子化CSS框架接入、特性与配置
前端·css·react.js
Mr_Swilder15 分钟前
01:按步解析 —— 绘制固定三角形
前端
原鸣清24 分钟前
Swift 面试高频五连问:Optional、Task、Actor、Concurrency 和 OC 差异
前端
前端Hardy29 分钟前
谁还没⽤过shadcn/ui?114k+星标,不装NPM包,前端组件自由终于实现了
前端·javascript·vue.js
morestrive37 分钟前
基于 fabric.js 实现浏览器端矢量 PDF 导出
前端·github
Bolt1 小时前
用 pnpm 11 省掉项目里的 .nvmrc 与 .npmrc
前端·npm·node.js
猪猪聪明_V1 小时前
前端码农的本地项目启动器
前端·javascript
时光不负努力1 小时前
每天一个高级前端知识 - Day 21
前端
暗不需求1 小时前
前端性能优化 防抖与节流完全指南:从原理到最佳实践
前端·javascript·面试
@大迁世界1 小时前
45.什么是内联条件表达式(inline conditional expressions)?在事件处理里怎么用?
开发语言·前端·javascript·react.js·ecmascript