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
相关推荐
2301_768350236 小时前
Vue第二期:组件及组件化和组件的生命周期
前端·javascript·vue.js
小周同学:6 小时前
Vue项目中将界面转换为PDF并导出的实现方案
javascript·vue.js·pdf
90后的晨仔8 小时前
Vue 3 组合式函数(Composables)全面解析:从原理到实战
前端·vue.js
90后的晨仔9 小时前
Vue 3 中 Provide / Inject 在异步时不起作用原因分析(二)?
前端·vue.js
90后的晨仔9 小时前
Vue 3 中 Provide / Inject 在异步时不起作用原因分析(一)?
前端·vue.js
90后的晨仔9 小时前
Vue 异步组件(defineAsyncComponent)全指南:写给新手的小白实战笔记
前端·vue.js
木易 士心9 小时前
Vue 与 React 深度对比:底层原理、开发体验与实际性能
前端·javascript·vue.js
Lucky GGBond10 小时前
Vue + Spring Boot 实现 Excel 导出实例
vue.js·spring boot·excel
wyzqhhhh10 小时前
插槽vue/react
javascript·vue.js·react.js
许___10 小时前
Vue使用原生方式把视频当作背景
前端·javascript·vue.js