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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
shaohaoyongchuang25 分钟前
vue_03路由
前端·javascript·vue.js
我叫张小白。32 分钟前
Vue3计算属性:高效数据处理
前端·javascript·vue.js·前端框架·vue
徐小夕@趣谈前端2 小时前
NO-CRM本地安装版开源!人人都能拥有开箱即用的智慧CRM管理系统
javascript·vue.js·开源
|晴 天|2 小时前
2025年前端框架选择:React、Vue还是Svelte?
vue.js·react.js·前端框架
小小弯_Shelby4 小时前
vue项目源码泄露漏洞修复
前端·javascript·vue.js
k***12175 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
进阶的鱼5 小时前
关于微前端框架wujie的一次企业级应用实践demo?
前端·vue.js·react.js
Cassie燁5 小时前
element-plus源码解读2——vue3组件的ref访问与defineExpose暴露机制
javascript·vue.js
凯心5 小时前
React 中没有 v-model,如何优雅地处理表单输入
前端·vue.js·react.js
华仔啊8 小时前
Vue3 如何实现图片懒加载?其实一个 Intersection Observer 就搞定了
前端·vue.js