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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
web行路人5 小时前
前端对Commands(斜杠命令)一些常用
前端·javascript·vue.js·vue
饺子不吃醋5 小时前
深入理解 Vue 3 的 setup(含 Composition API)
前端·vue.js
UXbot7 小时前
AI画原型工具如何帮非设计师快速生成UI界面
前端·vue.js·ui·kotlin·swift·原型模式·web app
invicinble8 小时前
前端框架使用vue-cli( 第二层:工程配置层--4.axios需要做的基础配置)
前端·vue.js·前端框架
MXN_小南学前端8 小时前
Vue + Element UI 分页器封装:比直接用 el-pagination 更省心的通用方案
javascript·vue.js·elementui
亲亲小宝宝鸭8 小时前
Vue3中那些冷门但实用的方法
前端·vue.js
M ? A8 小时前
Vue 转 React | VuReact 实时监听开发指南
前端·vue.js·后端·react.js·面试·开源·vureact
半兽先生9 小时前
vue高性能下拉组件 支持上万数据不卡顿
前端·javascript·vue.js
invicinble9 小时前
前端框架使用vue-cli( 第二层:工程配置层--路由页面配置)
javascript·vue.js·前端框架
懂懂tty9 小时前
Vue3 架构
前端·vue.js