学习前辈代码编写的风格---接口处理

接入接口时我的处理：

// 正常引用
import { aaa } from '@/api/xxx'
// 写成方法
methods:{
    async aaaa(){
        const res = await aaa()
        ...业务处理
    }
}
// 调用方法
created(){
    this.aaaa()
}

// 将异步操作封装成一个单独的方法aaaa()，使得代码更加模块化和可读性更高。
// 在created()生命周期钩子函数中调用方法this.aaaa()，使得组件的创建和
// 方法的调用在代码结构上更加清晰。

公司前辈的处理：

// 正常引用
import { aaa } from '@/api/xxx'

// 调用方法
async created(){
    try {
        const res = await aaa()
        ...业务处理
    }catch(error){
    
    }
}

// 使用async和await关键字来处理异步操作，使得代码看起来更加简洁和同步化。
// 直接在created()生命周期钩子函数中调用异步函数，将整个过程封装在一个函数中。

总结

我的写法：

更具模块化、可复用但是会有额外的代码量需要手动封装方法。

前辈的写法：

异步操作更加简洁、易读但是不能复用使用await会导致回调地狱的情况。