关于vue3异步=＞同步,请求接口数据再echarts图表渲染

问题：解决通过异步请求后的数据进行处理和渲染，而页面加载时还未有数据渲染

问题原因：因为异步的请求，所以还未全部请求完数据，页面加载就已经渲染了，导致未拿到数据

解决：

可以用async 和 await 将异步请求转换为同步，便于后面的数据处理与图表渲染

async 和 await 说明：

1.  async关键字：用于定义一个函数或方法为异步函数。异步函数在执行过程中可以暂停，让出执行权给其他代码，然后在某个条件满足后再继续执行。异步函数使用`async`关键字来修饰函数定义。

2. await关键字：用于等待一个异步操作的完成。当遇到`await`关键字时，它会暂停当前异步函数的执行，等待后面的异步操作完成，并返回其结果。在使用`await`等待异步操作时，它会将控制权交给其他代码，直到异步操作完成才会继续执行

直接上代码：(注意看请求段代码！)