Vue问题四：vue中执行异步函数async和await的用法（转载）

精神研究所指定研究素材

于 2022-04-07 00:28:00 发布

阅读量2.4k

点赞数

文章标签： vue.js 前端

原文链接：https://blog.youkuaiyun.com/qq_38543537/article/details/122166869?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-2-122166869.pc_agg_new_rank&utm_term=vue+watch%E5%BC%82%E6%AD%A5%E6%89%A7%E8%A1%8C&s

版权

本文介绍了如何在Vue中利用async和await进行异步函数的协调执行，通过实例展示了如何在created生命周期钩子和methods中使用这些特性，确保代码的顺序执行和异步操作的正确处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下完全转载前辈，仅当记录，原文链接放到文末。

在开发中，可能会遇到两个或多个函数异步执行的情况，对于Vue中函数的异步函数执行做了一个小总结，如下：

异步执行使用async和await完成

created() {
    this.init()
},
methods: {
    async init(){
       await this.getClassDeptInfoByDuration();
       this.getList();
    },
     // 函数1
     getList(){
        return 'hello world';
     }
     // 函数2
     async getList1(){
        return '虽然在后面，但是我先执行';
    }
}

解析：

async：表示函数是异步执行，

await：表示当前函数先执行，执行完之后，再执行其他函数

————————————————
版权声明：本文为优快云博主「小破孩呦」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/qq_38543537/article/details/122166869