解构赋值

解构赋值的用法

举个例子，在一次提交数据之后
下面展示一些 内联代码片。

//以vue为例,视图代码就不写了，就是一个form表单，里面两个带有校验功能的输入框
data(){
	return{
		loginForm:{
			userName:'a',
			passWord:'123'
		}
	}
},
methods:{
	login(){
	//在视图代码里给form表单refs=formSubmit属性来调用这个组件，然后通过Validate验证表单输入框内容
		this.$ref.formSubmit.Validate(async valid=>{
		//这里result得到的一般是个对象，对象里包含很多数组
		//const result=this.$http.post('url',this.loginForm)
		
		//此外，在请求提交数据之后，返回的对象一般是个promise函数，可以用到async/await简化结构
		//主角来了，通过解构赋值的方法可以直接得到目标数组
			const {data:res} = await this.$http.post('url',this.loginForm)
		//这里的data是返回的数组中的一个，可以直接拿这个对象然后赋值给res，之后就可以直接调用res了
		//不使用解构的方法其实也能拿到数据，只不过可能会是一段又臭又长的a.b.d.c
		})
	}
}