当前位置: 首页 > news >正文

vue3 ref vs reactive值的修改

ref vs reactive

reactive 定义的响应式对象不能直接整体修改(即obj1=obj2),如果想要修改,可以使用

Object.assign(obj1,obj2) 
上述赋值是浅拷贝,对象地址不变,属性值被修改了

浅拷贝:创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性值是基本类型,拷贝的就是基本类型的值;如果属性值是引用类型,拷贝的是引用类型在内存中的地址,即拷贝的是指向那个地址的链接。这意味着,如果你改变拷贝后的对象中的引用类型属性的内容,原始对象中的对应内容也会改变,因为它们指向的是同一个内存地址。

ref 定义的响应式对象可以整个修改

obj1.value=obj2

上述修改本质是对象和指针的区别,
即ref修改了对象的地址,
而reactive修改了对象地址的值,但不修改对象本身的地址.

http://www.lryc.cn/news/586816.html

相关文章:

  • 【Python练习】042. 编写一个函数,实现二叉树的前序、中序、后序遍历
  • k8s:0/1 nodes are available: pod has unbound immediate PersistentVolumeClaims.
  • 线性代数学习笔记
  • 【unitrix】 5.1 第二套类型级二进制数基本结构体(types2.rs)
  • k8s存储入门
  • archive/tar: unknown file mode ?rwxr-xr-x
  • JSON/AJAX/XHR/FetchAPI知识点学习整理
  • 06.计算两个日期之间的差值
  • IT岗位任职资格体系及发展通道-产品经理岗位任职标准参考
  • 基于Flink的实时开发平台-Dinky
  • composer如何安装以及举例在PHP项目中使用Composer安装TCPDF库-优雅草卓伊凡
  • Spring Boot中的路径变量
  • INA226 数据手册解读
  • 13.使用NiN网络进行Fashion-Mnist分类
  • macOS - Chrome 关闭自动更新
  • Python 的 MRO
  • [办公及工程版浏览器]_Google Chrome 138.0.7204.101全屏启动插件
  • es里为什么node和shard不是一对一的关系
  • 香港理工大学实验室定时预约
  • 前端框架状态管理对比:Redux、MobX、Vuex 等的优劣与选择
  • 关于 java:11. 项目结构、Maven、Gradle 构建系统
  • 用 Node.js 构建模块化的 CLI 脚手架工具,从 GitHub 下载远程模板
  • Python 学习之路(十)--常见算法实现原理及解析
  • LabVIEW调用外部DLL
  • [CH582M入门第六步]软件IIC驱动AHT10
  • 【数据结构】图 ,拓扑排序 未完
  • Docker(02) Docker-Compose、Dockerfile镜像构建、Portainer
  • 快速生成 Android 的 Splash 的 9 Patch 图片
  • Docker 搭建本地Harbor私有镜像仓库
  • SpringBoot单元测试类拿不到bean报空指针异常