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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
Mh19 小时前
鼠标跟随倾斜动效
前端·css·vue.js
M ? A1 天前
Vue 动态组件在 React 中,VuReact 会如何实现?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
No8g攻城狮1 天前
【前端】Vue 中 const、var、let 的区别
前端·javascript·vue.js
fishmemory7sec1 天前
Vue大屏自适应容器组件:v-scale-screen
前端·javascript·vue.js
前端那点事1 天前
Vue3+TS 中 this 指向机制全解析(实战避坑版)
vue.js
橙某人1 天前
SSR页面上的按钮点不了?Nuxt 懒加载水合揭秘💧
前端·vue.js·nuxt.js
军军君011 天前
数字孪生监控大屏实战模板:云数据中心展示平台
前端·javascript·vue.js·typescript·前端框架·es6·echarts
今晚务必早点睡1 天前
Ubuntu 部署 RuoYi-Vue-FastAPI 完整实战指南(含踩坑总结)
vue.js·ubuntu·fastapi
前端那点事1 天前
Vue keep-alive 原理全解析(Vue2+Vue3适配)
vue.js
MXN_小南学前端1 天前
Vue 视频上传实战:视频预览、MediaRecorder 压缩与自定义上传
前端·vue.js