在Vue中，this和object如何解构赋值

我们经常会碰到在vue中需要把一个传进来的对象赋值到当前组件上，例如

this.date= res.date;
this.avatar=res.avatar;
this.userID=res.userID
this.username=res.username;

2021年新增

	data(){
	username:"",
	userID:"",
	avatar:"",
	date:""
}
mounted(){
	axios.get().then(res=>{
		Object.assign(this._data, res)
	})
}

附assign文档—Object.assign() MDN

第一种解决办法是先声明一个容器，然后把接收对象直接挂到容器上

data(){
	res:{}
}
mounted(){
	axios.get().then(res=>{
		this.res=res
	})
}

第二种方法是使用forEash

data(){
	username:"",
	userID:"",
	avatar:"",
	date:""
}
mounted(){
	axios.get().then(res=>{
		["date","userID","username","avatar"].forEach((key)=>{
			if(key in res){
				this[key]=res[key]
			}
		})
	})
}

最后附一个forEach的MDN

Array.prototype.forEach()—MDN