搭建环境
sudo cnpm install webpack -g
sudo vue init webpack users
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