接入接口时我的处理:
// 正常引用
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会导致回调地狱的情况。