async\await 的使用

最新推荐文章于 2024-09-20 11:38:47 发布

奚大野...

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量71

点赞数

分类专栏： vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_41752378/article/details/129811310

版权

vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

该文章展示了在Vue组件中如何使用async函数调用Promise方法进行异步操作。在created生命周期钩子中，调用portData方法，该方法内部通过await关键字等待start方法返回的Promise。start方法利用setTimeout模拟异步延迟，然后解析数据对象并传递给resolve。最终在console中打印出Promise的结果。

摘要由CSDN通过智能技术生成

1 async函数的调用

created(){
   this.portData();
 },
 methods:{
   async portData(){
     const res = await this.start()
     console.log(this.start())
     console.log(res)
   },

   start(){
     return new Promise(resolve => {
       setTimeout(function(){
         let obj = {
           name:'刘邦'
         };
         resolve(obj)
       },3000)
     })
   },
 }
}