在同一个组件中要求所有API都得到数据

有时候,我们需要在同一个组件或者一个方法中,使得好几个API都获得数据之后,再做下面的事情,就需要用到Promise.all()这个方法。
在VUE中,我们调用API,一般都是用的axios这个包,axios是基于Promise编写的.
例如有三个API:

  • getName
  • getAge
  • getGrade
function buildAPI() {
    return [getName().then(res => {
        dosomthing()
    }),getAge().then(res=>{
        dosomthing()
    }),,getGrade().then(res=>{
        dosomthing()
    })]
}
let apiList= buildAPI()
Promise.all(apiList).catch(e => {
    console.error(e);
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,032评论 1 4
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,199评论 0 1
  • axios 基于promise用于浏览器和node.js的http客户...
    蔡威大爷阅读 269评论 0 1
  • 无线部署调试 无线调试的步骤如下: 1、第一次部署调试还是需要连线,连接好之后,选择Window->Devices...
    Young_Blood阅读 1,402评论 2 1
  • 一段感情的别离 其实最放不下的就是彼此 但总有一些人的劝解来的那么的轻飘飘 该放手就放手吧 属于你的终归属于你,不...
    Bin文羅阅读 66评论 0 1