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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
_未知_开摆26 分钟前
uniapp APP端在线升级(简版)
开发语言·前端·javascript·vue.js·uni-app
喝拿铁写前端35 分钟前
不同命名风格在 Vue 中后台项目中的使用分析
javascript·vue.js
lvbb662 小时前
框架修改思路
前端·javascript·vue.js
qq_456001652 小时前
43、接口请求需要时间,导致页面初始加载时会出现空白,影响用户体验
javascript·vue.js·ux
工业互联网专业2 小时前
基于springboot+vue的动漫交流与推荐平台
java·vue.js·spring boot·毕业设计·源码·课程设计·动漫交流与推荐平台
FanetheDivine2 小时前
实现"选中表格项将元素加入集合"的动画效果
javascript·vue.js
Json_2 小时前
Vue 构造器 Vue.extend
前端·vue.js·深度学习
小old弟2 小时前
老生常谈: 谈谈对vue的理解?vue3有而vue2没有的东西或者说特性?
前端·vue.js
Json_2 小时前
Vue 实例方法
前端·vue.js·深度学习
Json_3 小时前
Vue Methods Option 方法选项
前端·vue.js·深度学习