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

两种写法1. this.obj = Object.assign({}, this.obj, {k: v})（推荐写法）推荐原因： this.obj可能是父级组件传过来的prop，而为了遵循单向数据流的设计理念，不直接修改该数据对象，而是生成一个新的数据对象表达式右侧会生成一个新的对象，this.obj会指向一个新的引用地址（常用于浅拷贝对象） 2. this.obj =...

LesterWeng

11400人浏览 · 2018-09-20 23:26:30

LesterWeng · 2018-09-20 23:26:30 发布

两种写法

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仍然指向原引用地址（常用于合并对象）

欢迎关注、点赞

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^