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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
海天胜景23 分钟前
vue3 el-select 默认选中第一个
前端·javascript·vue.js
小小怪下士_---_42 分钟前
uniapp开发微信小程序自定义导航栏
前端·vue.js·微信小程序·小程序·uni-app
页面魔术1 小时前
无虚拟dom怎么又流行起来了?
前端·javascript·vue.js
Mapmost1 小时前
【BIM+GIS】BIM数据格式解析&与数字孪生适配的关键挑战
前端·vue.js·three.js
Mapmost1 小时前
重磅升级丨Mapmost全面兼容3DTiles 1.1,3DGS量测精度跃升至亚米级!
前端·vue.js·three.js
艾小码2 小时前
Vue 3全面解析:Composition API、响应式原理与生态
前端·javascript·vue.js
华仔啊2 小时前
Vue3+TS设计模式:5个真实场景让你代码更优雅
前端·javascript·vue.js
兮漫天2 小时前
bun + vite7 的结合,孕育的 Robot Admin 【靓仔出道】(十六)
前端·javascript·vue.js
qb2 小时前
vue3.5.18源码:reactive和单例、代理和发布订阅者之间的关系
前端·javascript·vue.js