Vue学习笔记-Vue3中的shallowReactive和shallowRef

theLuckyLong2023-12-15 16:25

shallowReactive

  • 作用：与reactive作用类似，但只处理对象最外层属性的响应式（浅响应式）
  • 使用场景：如果有一个对象数据，结构比较深（内嵌多层对象），但只需要最外层的属性进行响应式，则使用shallowReactive

shallowRef

  • 作用：与ref作用类型，但只处理基本数据类型的响应式，不处理对象类的响应式
  • 使用场景：如果有一个对象数据，后续功能不会修改该对象中的属性，而是生成新的对象来替换，则使用shallowRef

心得

上述API函数主要用于性能优化

相关推荐
Forever7_15 小时前
Electron 淘汰！新的桌面端框架 更强大、更轻量化
前端·vue.js
不会敲代码115 小时前
前端组件化样式隔离实战：React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Angelial15 小时前
Vue3 嵌套路由 KeepAlive：动态缓存与反向配置方案
前端·vue.js
SuperEugene17 小时前
Vue状态管理扫盲篇：如何设计一个合理的全局状态树 | 用户、权限、字典、布局配置
前端·vue.js·面试
阿懂在掘金17 小时前
defineModel 是进步还是边界陷阱？双数据源组件的选择逻辑
vue.js·源码阅读
李剑一17 小时前
要闹哪样？又出现了一款新的格式化插件，尤雨溪力荐，速度提升了惊人的45倍！
前端·vue.js
阿虎儿18 小时前
React Context 详解：从入门到性能优化
前端·vue.js·react.js
滕青山21 小时前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力21 小时前
ts+vue3开发规范
vue.js·typescript
梦想CAD控件21 小时前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书（Feishu）环境搭建指南04Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services05OpenClaw优化飞书API 额度已耗尽问题06小黑课堂计算机二级WPSoffice题库软件下载安装教程（2026年3月最新版）07Clawdbot部署教程：解决‘gateway token missing’授权问题的完整步骤08Window 10部署openclaw报错node.exe : npm error code 12809网站改了域名，如何查找？10【OpenClaw 本地实战 Ep.3】突破瓶颈：强制修改 openclaw.json 解锁 32k 上下文记忆