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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
dy171712 小时前
vue2树节点刷新后定位到上一节点展开
vue.js
高级程序源16 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
VXbishe19 小时前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝19 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
BillKu20 小时前
vue3双向邦定:使用defineModel替换defineProps+defineEmits
vue.js
志尊宝21 小时前
Vue3 零基础每日笔记(047):动态路由与路由参数——:id 传参、query 传参、props 解耦
前端·javascript·vue.js·笔记·html5
计算机毕设定制辅导-无忧学长1 天前
《基于SpringBoot的中学教师数字胜任力测评网站的设计与实现》
java·vue.js·spring boot·mysql·中学教师数字胜任力测评网站
flash俊杰1 天前
Vue 3 响应式陷阱与状态单例:从 TDZ 白屏到跨进程 Proxy 剥离
vue.js
志尊宝1 天前
Vue3 零基础每日笔记(046):声明式导航与编程式导航——useRouter / useRoute 双子星
vue.js·笔记·#vue #前端 #前端开发·#javascript·#vue.js
你别说话了2 天前
Vue实现高效拖拽效果 vue-Draggable
前端·vue.js