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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
爱学习的程序媛1 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
java1234_小锋1 小时前
分享一套优质的SpringBoot+Vue咖啡商城系统
vue.js·spring boot·咖啡商城
用户336566342172 小时前
Vue3+Vite项目极致性能优化:从构建到运行全链路实战指南
vue.js
console.log('npc')4 小时前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
riyue6665 小时前
封装 WebSocket 工具类
网络·vue.js·websocket·网络协议·v
斌味代码6 小时前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js
终端鹿7 小时前
Vue3 核心 API 深度解析:ref / reactive / computed / watch
前端·javascript·vue.js
踩着两条虫9 小时前
去“AI味儿”实操手册:从“机器脸”到“高级脸”,只差这三步!
前端·vue.js·ai编程
摸鱼仙人~9 小时前
Vue Todo 实战练习教程(简略版)
前端·javascript·vue.js