Day03-作业(Axios&ElementUI)

作业1: 根据需求完成如下页面数据列表展示

需求:Vue挂载完成后,通过axios发送异步请求到服务端,获取学生列表数据,并通过Vue展示在页面上

获取数据url:http://yapi.smart-xwork.cn/mock/169327/student

素材:




    
    
    
    作业01
    
    


    
    
    
编号 姓名 图像 年龄 性别 成绩 等级
1 张三 18 100 优秀 及格 不及格

说明:

  • 性别 gender:1 为男,2为女。

  • 分数 score:

    • >= 85 优秀

    • >= 60 并且 <85 及格

    • < 60 不及格

效果展示:

Day03-作业(Axios&ElementUI)_第1张图片


作业2: 使用ElementUI绘制如下页面

需求:Vue挂载完成后,通过axios发送异步请求到服务端,获取品牌列表数据,并通过Vue展示在页面上

获取数据url:https://mock.apifox.cn/m2/2031273-0-default/99613695icon-default.png?t=N6B9https://mock.apifox.cn/m2/2031273-0-default/99613695

效果展示:

Day03-作业(Axios&ElementUI)_第2张图片

你可能感兴趣的:(Web开发阶段-作业,elementui,前端,javascript)