Vue computed基本使用

参考

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

用法

选项式写法

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

读取值的时候经过get函数

设置值的时候经过set函数

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

get用法

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

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

set用法

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

函数式写法

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

相关推荐
秋水无痕5 分钟前
从零搭建个人博客系统:Spring Boot 多模块实践详解
前端·javascript·后端
陆枫Larry12 分钟前
图片预览前先 filter 掉空地址:一个容易忽略的细节
前端
我叫蒙奇21 分钟前
rem 适配全过程
前端
陆枫Larry21 分钟前
小程序中按固定宽高比展示图片并去除黑边的实现思路
前端
HelloReader26 分钟前
Tauri 2.1 新特性自定义 HTTP Headers 配置详解
前端
一点一一44 分钟前
从输入URL到页面加载:浏览器多进程/线程协同的完整逻辑
前端·面试
HelloReader1 小时前
Tauri 的安全架构Capabilities 与 CSP
前端
阿懂在掘金1 小时前
Vue 表单避坑(二):多个 v-model 同时更新,为什么数据丢了?
前端·vue.js
鹏北海1 小时前
Qiankun 微前端实战踩坑历程
前端·架构
前端一课2 小时前
OpenClaw 项目全面架构分析报告
前端·人工智能