背景
最近在做一个项目时,需要在父组件中获取一个数据然后传递给子组件进行展示,然后遇到了一个问题,在渲染子组件之后,通过请求获取的数据每次都没有拿到,组件却展示出来,后面通过查询资料可以通过 async / await 来实现同步的效果
示例
async用于申明一个函数是异步的,await等待异步请求完成,await只能在async方法中使用。
在调用test的方法中我们需要修饰为async异步方法,并且await修饰test方法
// 被调用方法
const funtion = async () => {
await testApi()..then(res => {
...
})
...
}
// 调用方法
const test = async () => {
await funtion()
...
}
总结
通过test方法执行后,就会等待testApi结果返回后往后面进行执行