将前端vue获取和传递后端spring boot数据

我这里引用的是element UI框架，在这个里面的数据流动须要一下几个文件夹，也就是须要咱们常常改动的地方。

下面以此介绍：

1.app.vue:最下面的app.vue是运行vue的主文件，例如在hbuider中直接运行这个文件就能够把前端跑起来

2.api文件夹：经过名字能够猜个差很少，api叫接口。他至关于桥梁，(在参数处)接收前端vue数据，(经过url)找到后端Controller，后端再把查询出的结果返回回来，最后return返回给vue。

文件夹中存放的是js文件，每一个js文件都是链接后端（spring boot）的接口，如图1：  url：根据路径去controller里面找，具体后端controller怎么写能让他找到，一下子会说。 method:就是get post 传递方式，具体区别能够去百度一下，，这里面要不就是get 要不就是post 。params:是传递的参数把vue给本身的参数传递给后端Controller。基本上是一个vue文件对应一个js文件，一个js文件里面有增删改查几种方法。

——>js文件 ：

——>vue文件：

3.router文件夹:英文翻译叫轨迹，其中有一个index.js文件夹，此文件的做用是路径。把每个vue文件写在这里，这样程序就知道你写的vue页面时放在哪的。

4.views文件夹:叫视图，这里面放的就是咱们总改动的也是显示在界面的页面，起到的做用就像html似的。

主页显示：里面跟html似的，由标签组成界面想要显示的样子；css：和传统的css同样；js：和传统的js同样