為對象增加新的屬性

this.$set(obj, key, value)/vue.set(obj, key, value)

<script> export default {data() {return {student: {name: '張三',}}},methods: {setMessage() {this.$set(this.student, 'age', 15)console.log(this.student)}} } </script>//結(jié)果 student: {name:'張三'age:'15' }

Object.assign(target, sources)

<script> export default {data() {return {student: {name: '張三',}}},methods: {setMessage() {this.student.age = 15this.student = Object.assign({}, this.student)console.log(this.student)}} } </script>//結(jié)果 student: {name:'張三'age:'15' }

合并多個對象：↓

Object.assign(目標對象,對象1,對象2,對象3);

let merge = {a : 1}; //目標對象 let a = {b : 2}; //對象1 let b = {c : 3}; //對象2 let c = {c : 4}; //對象3，和b中的對象有同名屬性c//合并 如果有同名屬性，后面的會覆蓋前面的 Object.assign(merge,a,b,c);// es6 如果有同名屬性，后面的會覆蓋前面的 merge = { ...merge, ...a, ...b, ...c };//打印 console.log(JSON.stringify(merge))//結(jié)果： //{a:1,b:2,c:4}

總結(jié)

以上是生活随笔為你收集整理的随手笔记--为对象增加新的属性，拼接多个对象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。