
1.NPM安装
先终止vscode程序ctrl+c,在终端输入:
npm install axios --save
2.引入axios
import axios from 'axios'

在script脚本中引入axios
使用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方法进行页面渲染

效果展示
