网络:前端向后端发送网络请求渲染在页面上,将EasyMock中的信息用前端vue框架编写代码,最终展示在浏览器

网络:前端向后端发送网络请求渲染在页面上,将EasyMock中的信息用前端vue框架编写代码,最终展示在浏览器 1.NPM安装先终止vscode程序ctrlc在终端输入:npm install axios --save2.引入axiosimport axios from ‘axios’在script脚本中引入axioseasy mock网址使用easy mock模拟前后端发送数据先注册账号3.easy mock创建项目项目名称name:demo点击创建接口写json代码模拟数据已经提供代码创建完项目会自动为我们提供一个接口然后把这个刚创建好的地址在浏览器能打开就创建成功了然后把模拟数据展示在浏览器中通过vue编写代码1.在Test.vue中生成vue模板选择elementui里这个表格的代码2.选择ELement UI中的这个表格作为模板复制el-table代码放在template中tableData这个数组也放在return中handleEdit和Delete这两个方法也要复制然后启动项目npm run serve可以正常在浏览器展示关于王小虎的表格信息修改模板展示我们的模拟数据tableData中的数组由easy mock中的模拟数据展示所以这里数组为空mounted中也可以调用getList方法进行页面渲染效果展示