vue对象复制(使用es6对象扩展运算符,深拷贝)

vue3+es6语法

直接上代码

javascript 复制代码
   const objA = { name: '小飞', age: 18 };
	const objACopy = { ...objA };
	console.log('对比objA与objACopy的引用地址是否相同');
	console.log(objA == objACopy); //false
	console.log(objA);
	console.log(objACopy);
	//对象包含对象,浅拷贝
	const objB = { name: '小飞', age: 18, hobbies: ['football', 'badminton'] };
	const objBCopy = { ...objB };
	console.log('对比objB与objBCopy的引用地址是否相同');
	console.log(objB.hobbies == objBCopy.hobbies); //true
	console.log(objB);
	console.log(objBCopy);
	//对象包含对象  改造一下,深拷贝
	const objBCopyDeep = { ...objB, hobbies: { ...objB.hobbies } };
	console.log(objB.hobbies == objBCopyDeep.hobbies); //false
相关推荐
晴殇i19 小时前
尤雨溪创立的 VoidZero 完成 1250 万美元 A 轮融资,加速整合前端工具链生态
前端·vue.js
菜市口的跳脚长颌19 小时前
一个 Vite 打包配置,引发的问题—— global: 'globalThis'
前端·vue.js·vite
胖虎26519 小时前
实现无缝滚动无滚动条的 Element UI 表格(附完整代码)
前端·vue.js
VOLUN20 小时前
Vue3 选择弹窗工厂函数:高效构建可复用数据选择组件
前端·javascript·vue.js
VOLUN20 小时前
Vue3 中 watch 第三个参数怎么用?6 大配置属性 + 场景指南
前端·javascript·vue.js
远山枫谷20 小时前
vue3通信组件学习小记
前端·vue.js
源码站~1 天前
基于SpringBoot+Vue的健身房管理系统
vue.js·spring boot·后端·毕业设计·前后端分离·管理系统·健身房
天天向上10241 天前
vue3 css使用v-bind实现动态样式
前端·css·vue.js
我只会写Bug啊1 天前
Vue文件预览终极方案:PNG/EXCEL/PDF/DOCX/OFD等10+格式一键渲染,开源即用!
前端·vue.js·pdf·excel·预览
一 乐1 天前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设