vue项目引入element组件，实现前后端交互和数据的传递

一：vue项目引入element组件

1：element官网地址：http://element.eleme.io/#/zh-CN/component/installation

2：element组件安装

然后直接引入相关组件的代码即可。

二：实现前后端交互和数据的传递

1：在build文件夹下的index.js中加入与后端交互的路径。

2：在Test.vue页面中引入axios和qs

axios主要的作用是进行方法请求和参数的传递，结果的返回。

由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，java后台方法未必能正常获取到，所以在发送之前，需要使用qs模块对其进行处理。

后台的方法如下：

在网页上输入http://localhost:8081/

点击提交按钮就会调用后台的方法，然后将参数传给后台，后台将执行的结果返回给前台。

后台输出的结果如下：