Vue mounted 中使用异步方式调用多个方法 - 异步调用顺序保证

{"title":"vue mounted 中使用异步方式调用多个方法","description":"本文介绍如何在 Vue 的 mounted 生命周期钩子中使用 async/await 异步调用多个方法，并确保它们的执行顺序。示例代码展示了如何通过 Promise 对象来实现异步调用，并处理 API 请求的成功和失败情况。","keywords":"vue, mounted, 异步, 异步调用, async/await, promise, axios, API请求, 顺序, 生命周期钩子","content":"getDetails(){\n this.$apiFun.getDetails().then(res=>{\n let data = res.data\n if(res.expectRequestId && res.expectRequestId!='0'){sessionStorage.setItem('requestId',res.expectRequestId)}\n if(res.code==200){\n this.assetData = data;\n }else{\n this.$message.error(res.msg);\n }\n })\n },\n currency_list(){\n this.$apiFun.currency_list().then(res=>{\n let data = res.data\n if(res.expectRequestId && res.expectRequestId!='0'){sessionStorage.setItem('requestId',res.expectRequestId)}\n if(res.code==200){\n // this.assetData = data;\n console.log(data)\n }else{\n this.$message.error(res.msg);\n }\n })\n },\n在mounted中异步调用内容：可以使用async/await来异步调用多个方法：\n\nasync mounted() {\n await this.getDetails();\n await this.currency_list();\n},\n\n注意：被调用的方法需要返回一个Promise对象来确保异步调用的顺序。在这个例子中，getDetails和currency_list都使用了axios来发送异步请求，并返回了一个Promise对象。"}