async和await的使用

郑建零零发

已于 2022-09-14 09:19:22 修改

阅读量413

点赞数

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

于 2022-09-13 17:56:48 首次发布

本文链接：https://blog.csdn.net/qq_52421092/article/details/126838043

版权

本文介绍了一种使用Promise和async/await优化Vue应用中同时获取全部好友和新好友列表的方法，避免了并发请求导致的性能问题。通过将新好友获取嵌套在全部好友获取中，或者独立使用异步处理，提高了代码的可读性和执行效率。

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

1.开发遇到的问题

代码：

mounted() {
        this.init()
    },
    methods: {
        init() {
            this.getAllFriend();
            this.getExplore()
        },
        getAllFriend() {
            axios.get('https://www.fastmock.site/mock/f4292ad3c8b65834e25bbb6ae88b0ef6/api/all_friend_list')
            .then( res => {
                console.log("全部好友", res.data.data.friendList)
            })
        },
        getExplore() {
            axios.get('https://www.fastmock.site/mock/f4292ad3c8b65834e25bbb6ae88b0ef6/api/new_friend')
            .then( res => {
                console.log("新好友", res.data.data.new_friend_list)
            })
        },
    },

图片：