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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
发现一只大呆瓜1 小时前
Vue-Vue Router核心原理+实战用法全解析
前端·vue.js·面试
米丘4 小时前
vue-router v5.x createRouter 是创建路由实例?
前端·vue.js
cmd4 小时前
《Vue3 watch详情:deep/immediate/flush/once 全用法 + 踩坑总结》
vue.js
学以智用5 小时前
# Vue3 AJAX 请求数据
前端·vue.js
用户90319087148825 小时前
Vue 组件设计优化:别把控制显隐的 v-if 藏在子组件里
vue.js
虚拟世界AI6 小时前
Vue.js安装指南:快速搭建开发环境
vue.js·npm·node.js
华仔啊7 小时前
除了防抖和节流,还有哪些 JS 性能优化手段?
前端·javascript·vue.js
chenhdowue7 小时前
vue 表格 vxe-table 高亮行支持取消操作
vue.js·vxe-table
这是个栗子7 小时前
【Vue3项目】电商前台项目(四)
前端·vue.js·pinia·表单校验·面包屑导航
用户405594802508 小时前
对组件内使用:deep()修改自身样式和样式穿透的记录
vue.js