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

shallowReactive

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

shallowRef

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

心得

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

相关推荐
代码不加糖34 分钟前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty1 小时前
Vue2与Vue3之间API差异
前端·javascript·vue.js
老毛肚1 小时前
软件测试期末考试
vue.js
杨若瑜2 小时前
本地开发环境慢?localhost的锅!
vue.js
xsbcme6 小时前
VueTabRouter 插件实践(一):多标签页不是一排 TabBar
vue.js
云水一下8 小时前
Vue.js从零到精通系列(三):组件化基础——Props、Emits、插槽与生命周期
前端·javascript·vue.js
英勇无比的消炎药10 小时前
少踩坑TinyVue插槽事件编码规范详解
vue.js
2401_8685347811 小时前
5G和4G接入网对比介绍
vue.js
chushiyunen11 小时前
vue export default
前端·javascript·vue.js
北极星日淘12 小时前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui