ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
https://www.cnblogs.com/agoodmanisme/p/55bc7a6a94fd7701410a607acfb3576a.html # [Vue中的async和await的使用](https://www.cnblogs.com/agoodmanisme/p/55bc7a6a94fd7701410a607acfb3576a.html) #### async和await ##### 在Vue中如果某个方法的返回值是Promise对象那么我们可以使用async和await来简化这次Promise操作 * 注:await只能用在被async修饰的方法中 * 没有使用async和await ~~~ login(){ this.$refs.loginFormRef.validate( valid =>{ console.log(valid); if (!valid) return; const result= this.$axios.post("login/loginCheckOut",this.loginForm); console.log(result); }); } ~~~ ![](https://img2018.cnblogs.com/blog/1748066/202002/1748066-20200206215128070-1588228086.png) * 使用了async和await ~~~ login(){ this.$refs.loginFormRef.validate( async valid =>{ console.log(valid); if (!valid) return; const result= await this.$axios.post("login/loginCheckOut",this.loginForm); console.log(result); }); } ~~~ ![](https://img2018.cnblogs.com/blog/1748066/202002/1748066-20200206215128571-1233316858.png) * 接着还可以使用{data:res}来解构出data数据 ~~~ login(){ this.$refs.loginFormRef.validate( async valid =>{ console.log(valid); if (!valid) return; const {data:res}= await this.$axios.post("login/loginCheckOut",this.loginForm); console.log(res); }); } ~~~ ![](https://img2018.cnblogs.com/blog/1748066/202002/1748066-20200206215128940-1193695773.png)