背景

最近在做一个项目时，需要在父组件中获取一个数据然后传递给子组件进行展示，然后遇到了一个问题，在渲染子组件之后，通过请求获取的数据每次都没有拿到，组件却展示出来，后面通过查询资料可以通过 async / await 来实现同步的效果

示例

async用于申明一个函数是异步的，await等待异步请求完成，await只能在async方法中使用。
在调用test的方法中我们需要修饰为async异步方法，并且await修饰test方法

// 被调用方法
const funtion = async () => {
    await testApi()..then(res => {
     ...
  })
    ...
}

// 调用方法
const test = async () => {
    await funtion()
    ...
}

总结

通过test方法执行后，就会等待testApi结果返回后往后面进行执行