怎么建设一个自己微信网站,成都住建局官网app,百度推广员工工资怎么样,做网站系统学校作业1#xff1a; 根据需求完成如下页面数据列表展示
需求#xff1a;Vue挂载完成后,通过axios发送异步请求到服务端,获取学生列表数据,并通过Vue展示在页面上 获取数据url#xff1a;http://yapi.smart-xwork.cn/mock/169327/student 素材#xff1a;
!DOCTYPE html…作业1 根据需求完成如下页面数据列表展示
需求Vue挂载完成后,通过axios发送异步请求到服务端,获取学生列表数据,并通过Vue展示在页面上 获取数据urlhttp://yapi.smart-xwork.cn/mock/169327/student 素材
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title作业01/titlescript srcjs/vue.js/scriptscript srcjs/axios-0.18.0.js/script
/head
body!-- 需求: Vue挂载完成后,通过axios发送异步请求到服务端,或者学生列表数据,并通过Vue展示在页面上. --div idapptable border1 cellspacing0 width80%trth编号/thth姓名/thth图像/thth年龄/thth性别/thth成绩/thth等级/th/trtr aligncentertd1/tdtd张三/tdtdimg srchttps://web-tlias.oss-cn-hangzhou.aliyuncs.com/1.jpg height50 width70/tdtd18/tdtdspan男/spanspan女/span/tdtd100/tdtdspan stylecolor: green;优秀/spanspan stylecolor: yellow;及格/spanspan stylecolor: red;不及格/span/td/tr/table/div/bodyscriptnew Vue({el: #app,data: {students: []}})
/script
/html 说明 性别 gender1 为男2为女。 分数 score 85 优秀 60 并且 85 及格 60 不及格 效果展示 作业2 使用ElementUI绘制如下页面
需求Vue挂载完成后,通过axios发送异步请求到服务端,获取品牌列表数据,并通过Vue展示在页面上 获取数据urlhttps://mock.apifox.cn/m2/2031273-0-default/99613695https://mock.apifox.cn/m2/2031273-0-default/99613695 效果展示