在vue中 使用promise + ajax 调取接口是常见的场景 

 

// 根据id获取商品详情信息
export function Aapi(data) {return http.post('url', {storeId: data.storeId, id: data.id})
}//根据id获取商品抢购纵向轮播图
export function Bapi(data) {return http.post('url', {storeId: data.storeId,goodsId: data.id})
}

例如这2个接口 有一个页面要求 先调用 商品详情信息 再调用抢购轮播图的接口时可以这样写

vue中

//引入Api
import {Aapi, Bapi
} from '../../../api/DetailsApi/Details.js'async created(){//await 要求 后面跟一个promise对象  当然也可以不跟但没有什么意义。await this.AapiMethods();await this.BapiMethods();
},methods:{AapiMethods(){//注意必须将promise对象返回 否则await 无效 return findStoreById(this.data).then(res=>{具体逻辑....})},BapiMethods(){.....同上}
}

这样就可以控制接口的请求顺序。