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

theLuckyLong2023-12-15 16:25

shallowReactive

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

shallowRef

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

心得

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

相关推荐
bluceli1 小时前
Vue 3 Composition API深度解析：构建可复用逻辑的终极方案
前端·vue.js
程序员ys1 小时前
前端权限控制设计
前端·vue.js·react.js
滕青山2 小时前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js
wuhen_n4 小时前
TypeScript 强力护航：PropType 与组件事件类型的声明
前端·javascript·vue.js
wuhen_n4 小时前
组件设计原则：如何设计一个高内聚、低耦合的 Vue 组件
前端·javascript·vue.js
独泪了无痕14 小时前
Vue调试神器：Vue DevTools使用指南
vue.js·前端工程化
优秀稳妥的JiaJi18 小时前
基于腾讯地图实现电子围栏绘制与校验
前端·vue.js·前端框架
好雨知时节t19 小时前
Pinia中defineStore的使用方法
vue.js
_Eleven19 小时前
Pinia vs Vuex 深度解析与完整实战指南
前端·javascript·vue.js
技术狂小子19 小时前
# 一个 Binder 通信中的多线程同步问题
javascript·vue.js
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书（Feishu）环境搭建指南04本地部署 OpenClaw + DeepSeek-R1 完全指南05Window 10部署openclaw报错node.exe : npm error code 12806OpenClaw优化飞书API 额度已耗尽问题07Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services08OpenClaw 连接飞书完整指南：插件安装、配置与踩坑记录09小黑课堂计算机二级WPSoffice题库软件下载安装教程（2026年3月最新版）10OpenClaw 飞书机器人不回复消息？3 小时踩坑总结