项目视频地址
代码

搭建环境

sudo cnpm install webpack -g
sudo vue init webpack users

element文档

axios是一个基于 promise 的 HTTP 库，在vue中axios是比较常用的网络请求方法。

npm install axios --save

在main.js配置

import axios from 'axios'
Vue.prototype.$http = axios

在组件创建时 进行数据传输

created(){
    this.$http.get("url").then(res => {
      this.tableData = res.data;
    });
  }

分页

return data 中默认0，从后端获取总页数，返回给前端

通过点击 下一页或显示页数时来传递 page 跟 size的值，调用findAllTableData() 来获取值

而findAllTableData() 查询数据时，增加判断 page、size的 默认值，

打包到spring boot项目中

打包vue项目

npm run build