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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
代码煮茶17 分钟前
Vue3 组件通信实战 | 8 种组件通信方式全解析
前端·vue.js
诸葛亮的芭蕉扇37 分钟前
tooltip-position-solution
前端·vue.js·elementui
踩着两条虫1 小时前
AI驱动的Vue3应用开发平台深入探究(十八):扩展与定制之集成第三方库
vue.js·人工智能·低代码·重构·架构
束尘2 小时前
Vue3一键复制图片到剪贴板
开发语言·javascript·vue.js
计算机学姐2 小时前
基于SpringBoot的奶茶店点餐系统【协同过滤推荐算法+数据可视化统计】
java·vue.js·spring boot·mysql·信息可视化·tomcat·推荐算法
Fzuim3 小时前
用 Vue 3 重构 Dify 聊天前端(上篇):项目搭建与基础架构
vue.js·sse·dify·ai聊天前端
计算机学姐3 小时前
基于SpringBoot的新能源充电桩管理系统
java·vue.js·spring boot·后端·mysql·spring·java-ee
Seveny073 小时前
深圳长亮科技面试
javascript·vue.js·科技
慧一居士3 小时前
Nuxt4 项目的约定配置都有哪些,哪些可以自动实现, 详细示例和使用说明
前端·vue.js
D_C_tyu4 小时前
vue3 + vue3-print-nb 插件实现打印功能
前端·javascript·vue.js