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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
码路星河4 小时前
基于 Vue + VueUse 的 WebSocket 优雅封装:打造高可用的全局连接管理方案
javascript·vue.js·websocket
不想上班只想要钱8 小时前
动态类名在 <swiper-slide 的复制项中没有起作用的解决方法
前端·vue.js
多多*9 小时前
图解Redis的分布式锁的历程 从单机到集群
java·开发语言·javascript·vue.js·spring·tomcat·maven
Mr Xu_9 小时前
Vue + Element Plus 实现前端导出 Excel 功能详解
前端·javascript·vue.js
前端大波10 小时前
vue3的自动化路由(unplugin-vue-router)
javascript·vue.js·自动化
多仔ヾ10 小时前
Vue.js 前端开发实战之 06-Vue 路由
vue.js
meng半颗糖11 小时前
vue3+tpescript 点击按钮跳转新页面直接通过链接预览word
前端·vue.js·word
击败不可能11 小时前
vue做任务工具方法的实现
前端·javascript·vue.js
【赫兹威客】浩哥12 小时前
【赫兹威客】框架模板-前端bat脚本部署教程
前端·vue.js
一 乐12 小时前
学生宿舍管理|基于springboot + vue学生宿舍管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·助农电商系统