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
相关推荐
LYFlied1 天前
Vue Vapor模式与AI时代前端发展的思考:虚拟DOM与框架的未来
前端·vue.js·人工智能·前端框架
江公望1 天前
VUE3 动态Prop 10分钟讲清楚
前端·javascript·vue.js
北辰alk1 天前
Vue组件缓存终极指南:keep-alive原理与动态更新实战
vue.js
狗哥哥1 天前
企业级 Vue 3 项目图标系统重构实践:从多源混乱到单一数据源
前端·vue.js·架构
Tiam-20161 天前
安装NVM管理多版本node
vue.js·前端框架·node.js·html·es6·angular.js
哆啦A梦15881 天前
商城后台管理系统 06,编辑商品
javascript·vue.js·elementui
我笔记1 天前
Npm yarn 差异,冲突解决 依赖安装
vue.js
爱网安的monkey brother1 天前
vue3+ts项目自建训练
前端·javascript·vue.js
哆啦A梦15881 天前
商城后台管理系统 02,上传图片实现
前端·javascript·vue.js·elementui
破z晓1 天前
若依(vue版)集成ArcGIS
前端·vue.js·arcgis