在前端页面上列表

我们首先看看前端页面

我们已经把数据传入前端控制台

再看看我们的代码是怎么写的

我们展示

数据来自图dataList

在这里

我们要把数据填进去 就能展示在前端页面上

用的是前端数据双向绑定

axios发送异步请求

函数

//钩子函数，VUE对象初始化完成后自动执行
created() {
    //打印控制台 代表钩子函数自动启动
    console.log("successful started");
    //加载全部数据
    // this.getAll();
    //加载分页数据
    this.getPage();
},

刷新页面后自动执行

发get请求

将调取的数据填入数据模型

//列表
getAll() {
    console.log("getAll run")//控制台打印
    axios.get("/users").then((res) => {
        this.dataList = res.data.data;
    });

},

即可展示