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

theLuckyLong2023-12-15 16:25

shallowReactive

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

shallowRef

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

心得

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

相关推荐
清风絮柳8 小时前
51. “闲转易”交易平台小程序(基于springboot&vue)
vue.js·spring boot·小程序·毕业设计·校园二手交易平台·二手交易小程序·闲转易交易系统
dr李四维8 小时前
vue生命周期、钩子以及跨域问题简介
前端·javascript·vue.js·websocket·跨域问题·vue生命周期·钩子函数
桂月二二11 小时前
Vue3状态管理深度解析：Pinia架构设计与性能优化实践
vue.js
_未知_开摆13 小时前
uniapp APP端在线升级（简版）
开发语言·前端·javascript·vue.js·uni-app
喝拿铁写前端13 小时前
不同命名风格在 Vue 中后台项目中的使用分析
javascript·vue.js
lvbb6614 小时前
框架修改思路
前端·javascript·vue.js
qq_4560016514 小时前
43、接口请求需要时间，导致页面初始加载时会出现空白，影响用户体验
javascript·vue.js·ux
工业互联网专业14 小时前
基于springboot+vue的动漫交流与推荐平台
java·vue.js·spring boot·毕业设计·源码·课程设计·动漫交流与推荐平台
FanetheDivine15 小时前
实现"选中表格项将元素加入集合"的动画效果
javascript·vue.js
热门推荐
01我决定放弃搞 Java 了02DeepSeek各版本说明与优缺点分析03如何在WPS和Word/Excel中直接使用DeepSeek功能04本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程05苍穹外卖面试总结06从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑07循环神经网络RNN（含LSTM，GRU）小综述08RAG 实践- Ollama+RagFlow 部署本地知识库09如何本地部署AI智能体平台，带你手搓一个AI Agent10Android下HWC以及drm_hwcomposer普法(上)