登陆模块(五) -登录-async&await使用--捕获异常 try和catch

登录-async&await使用

// 使用 async await 发请求

// 解构赋值
// 得到 用户 信息  res.data.data  res = {data:{data:'用户信息',message:'提示'}}
// 以前获取对象中的属性值:res.data ={data:'用户信息'}
// ES6提供解构赋值语法:{data:{data:data}}

// 捕获异常
// 使用 try{ //当代码可能发生错误 }catch(err){ //触发catch函数 捕获到异常(报错) }
// await接受成功的结果,那么失败怎么办?
try {
    const { data: { data } } = await this.$http.post('authorizations', this.loginForm)
    store.setUser(data)
    this.$router.push('/')
} catch (e) {
    // 提示
    this.$message.error('手机号或验证码错误')
}
  • 解构赋值
  • 捕获异常

你可能感兴趣的:(项目-vue-PC端,vue知识)