vue 两种Object.assign响应式修改对象方式

两种写法

1. this.obj = Object.assign({}, this.obj, {k: v})(推荐写法)

推荐原因: this.obj可能是父级组件传过来的prop,而为了遵循 单向数据流 的设计理念,不直接修改该数据对象,而是生成一个新的数据对象

表达式右侧会生成一个新的对象,this.obj会指向一个新的引用地址(常用于 浅拷贝 对象)

 

2. this.obj = Object.assign(this.obj, {k: v})

表达式右侧只会修改this.obj,this.obj仍然指向原引用地址(常用于 合并 对象)

posted @   porter_代码工作者  阅读(551)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
历史上的今天:
2015-01-06 cocos2d-html5 onEnter init ctor构造函数 ----js特有特性(和c++有一点不一样)
点击右上角即可分享
微信分享提示