Vueでthisとobjectが賦値をどのように解くか

vueで転送するオブジェクトを現在のコンポーネントに割り当てる必要があることがよくあります.たとえば、

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

1つ目の解決策は、まずコンテナを宣言し、受信オブジェクトをコンテナに直接掛けることです.

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

2つ目の方法は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