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

theLuckyLong2023-12-15 16:25

shallowReactive

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

shallowRef

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

心得

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

相关推荐
雨落Re4 小时前
从递归组件到 DSL 引擎：我造了一个让 AI 能"搭 UI"的运行时
前端·vue.js
codingWhat20 小时前
介绍一个手势识别库——AlloyFinger
前端·javascript·vue.js
踩着两条虫20 小时前
VTJ.PRO 双向代码转换原理揭秘
前端·vue.js·人工智能
SuperEugene1 天前
Vue生态精选篇：Element Plus 的“企业后台常用组件”用法扫盲
前端·vue.js·面试
bluceli1 天前
Vue 3 Composition API深度解析：构建可复用逻辑的终极方案
前端·vue.js
程序员ys1 天前
前端权限控制设计
前端·vue.js·react.js
滕青山1 天前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js
wuhen_n1 天前
TypeScript 强力护航：PropType 与组件事件类型的声明
前端·javascript·vue.js
wuhen_n1 天前
组件设计原则：如何设计一个高内聚、低耦合的 Vue 组件
前端·javascript·vue.js
独泪了无痕2 天前
Vue调试神器：Vue DevTools使用指南
vue.js·前端工程化
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03Window 10部署openclaw报错node.exe : npm error code 12804OpenClaw + 飞书（Feishu）环境搭建指南05本地部署 OpenClaw + DeepSeek-R1 完全指南06OpenClaw 连接飞书完整指南：插件安装、配置与踩坑记录07小黑课堂计算机二级WPSoffice题库软件下载安装教程（2026年3月最新版）08OpenClaw 飞书机器人不回复消息？3 小时踩坑总结09Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services10Clawdbot部署教程：解决‘gateway token missing’授权问题的完整步骤