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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
i220818 Faiz Ul8 小时前
计算机毕业设计|基于springboot + vue鲜花商城系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
暴力袋鼠哥11 小时前
基于 Spring Boot 3 + Vue 3 的农产品在线销售平台设计与实现
vue.js·spring boot·后端
paterWang15 小时前
基于SpringBoot+Vue的鞋类商品购物商城系统的设计与实现
vue.js·spring boot·后端
赵_叶紫16 小时前
Vue 3 从基础到组合式 API 全解析
vue.js
hypnos_xy18 小时前
Vue3 工程构建
vue.js·前端框架
毕设源码-钟学长18 小时前
【开题答辩全过程】以 基于Vue的租房App为例,包含答辩的问题和答案
前端·javascript·vue.js
wuhen_n21 小时前
副作用的概念与effect基础:Vue3响应式系统的核心
前端·javascript·vue.js
张3蜂21 小时前
Vue.js-知识体系
前端·javascript·vue.js
wuhen_n21 小时前
effect函数的完整实现与追踪:深入Vue3响应式核心
前端·javascript·vue.js