vue2.0+axios+elementUI实现增删改查

最近尝试使用vue+element实现增删改查功能，在实现的过程中遇到了蛮多问题，现在总结如下：
首先安装相关的插件
1、根据vue官网推荐，使用axios进行前后台交互，安装axios
npm install axios -S
2、安装elementUI，官网
npm i element-ui -S
3、安装 loader 模块
npm install style-loader -D
npm install css-loader -D

接下来进行相关配置
1、在build目录下的webpack.base.conf.js文件中添加如下代码
{

test: /\.sass$/,
loaders: ['style', 'css', 'sass']

}
2、在main.js中引入
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-default/index.css‘
Vue.use(ElementUI)

接下来实现增删改查功能
贴出table.vue（目前实现了增、删两个功能）

上面代码中最重要的一点是后台可能接收不到前端数据，解决方案代码中已经给出，具体原因没有写明，大家想看可以看
https://blog.csdn.net/csdn_yu...
这篇博客写的比较清楚
我采用的是第一种方法：
在main.js文件中添加
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
然后在调用接口时使用 URLSearchParams 传递参数，例如获取用户数据时
let para = new URLSearchParams();
para.append("author", this.filters.author); // append中的author、id、idArray都是要和后台提供的参数相同，不然数据参数将传不过去
this.$ajax({
methods: 'post',
url: 'http://xxx.xx.xxx.xxx:8099/InfoManage/bookList',
data: para,
}).then(res => {
console.log(res);
}).catch( err => {
console.log(err);
})

其实，实现增删改查最重要的是在找到正确的参数，并将参数传递给后台，功能的实现主要是后台，前端只负责数据展示。
增删改查功能全部实现。