【项目】前端实习——后端接口数据获取与渲染

实习项目开发与自己平时练习的项目最大的不同就是有接口数据，通过发起一定的请求获取到后端的数据。

接口联调

在后端部署好后，通过网络请求去获取数据，前面我们已经定义好一些死的数据进行页面搭建，现在只需要把获取成功的数量塞给定义的这些变量即可。

第一件事情，是检查响应成功与失败的情况，是否正常发起正常响应，是否按照接口详情那样，有无需要修改的，有无增删的等等，便于前后端合作。

数据渲染/挂载

这一步，需要注意的是时机，在vue里面也就是生命周期，一个组件的生命周期‘例如所负责的层级目录树，当然希望页面出来就有这些数据被渲染好了，所以要在渲染完毕之前就要获得数据，所以这里是在onMounted阶段获取的。

 onMounted(async () => {
   
      const data = await