![04e3f6f429f88f76595c741f2339b0ca.png](https://i-blog.csdnimg.cn/blog_migrate/1131ad1b7c1c02254b6d80d76bebe658.jpeg)
通过上篇我们了解到了vue可以通过axios发送前端请求。
我们知道的在发送请求可以在creted()钩子内,也可以在mounted()钩子内。
本篇我们通过头部模块的编写,将请求到的数据渲染到模块内。
当然我们先要准备静态页面:
01.分析制作静态页面
![31a5c04ea0e6b51da58cb32cb7dedddf.png](https://i-blog.csdnimg.cn/blog_migrate/c20a53b867b0b79006fdd075a0662d76.jpeg)
如图所示,我们可以将整个一个头部模块分为4个部分:
· 顶部通栏:返回,搜索,拼单,等;
· 主题内容:餐厅名字
· 公告:新用户;
· 背景图片。
然后我们依据当前这三块内容进行布局
<div class="header">
<div class="top-wrapper"></div>
<div class="