一、ssm框架前后端分离和不分离的情况下如何使用vue

首先我们说一下SSM框架在不前后端分离的情况下如何在项目中使用vue的语法，其实这一点很简单，我们只需要去官方把vue.js这个文件下载下来，放入到我们SMM的静态资源包下，然后在编写JS文件的时候，引入vue.js文件就可以了，就跟我们往常使用jquery的步骤是一模一样的，只要你参考jquery的使用方法就可以了，这两种方式相同。

接下来再说一下分离的情况下，此时就需要构建两个工程，分别是前端工程和后端工程，后端工程就是我们所谓的三大框架整合，这个很简单了不需要再多赘述，只需要说一下需要改变的地方就是以前controller层是返回数据时是跳转页面，而现在它需要返回给vue前端数据而不需要跳转，所以应该把接口的数据封装成json格式，只返回数据即可。

而前端则有自己的脚手架构建工程，构建一套完整的在nodeJS服务上直接跑起来的前端工程，前端应用vue的语法和element UI进行布局，前端可以自行测试自行运行，当二者都写好之后就可以进行接口联调。

二、为什么前后端分离用vue的越来越多

首先，之所以用vue的越来越多是基于项目的大小决定的，因为大项目实在是有限，而小项目就多的很，而vue的优点就是能够快速开发小项目，更加的灵活上手，更加的容易和简单，所以说用的人就会越来越多，这是由项目性质决定的，而大公司大型项目vue就有点儿吃力了，此时react和angular就会比vue更合适一些。

其实vue的优势就是入门简单，但是它好像又没有自己的想法，它把angular和reactjs双方的优点吸取过来，然后重新组合成了一个框架，所以它是天生的结合了一堆有点，所以它在小项目上灵活性更高。

扩展阅读：

为什么前端用vue的公司越来越多？

【最新】SSM框架中的前后端分离

如何在传统前后端不分离的项目中使用模块化开发方式写.vue格式文件

ssm+vue前后端分离框架整合（附源码）

三、ssm+vue前后端分离整合项目视频课程信息

1、课程大小：3.44GB

2、课程课时：共计45课时

3、播放格式：（mp4视频格式）百度云网盘在线播放、下载视频播放器播放、不加密

4、技术架构：spring+springMVC+mybatis+Vue+svn+mysql+Elementui

5、课件说明：教程课程涵盖素材、代码、笔记资料

以下是ssm和vue前端和后端整合视频教程具体课程大纲：

1）SSM和vue前后端分离的模式详解

2）ssm加vue前后端分离场景应用

3）前后端分离下的架构和组件

4）前后端分离模式下的前端必备知识学习

5）前端页面布局必备组件elementUI

6）Element-UI组件整体认知与整体应用

7）elementUI组件入门使用

8）表格组件在页面上使用

9）动态数据模拟组件mockjs模拟数据展示在表格中

10）表格分页组件使用

11）完成表格数据的增删改查

12）数据增删改的弹窗布局与应用

13）后端框架环境搭建和整合

14）SSM框架集成其他技术

15）jar依赖和整合

16）mvc三层开发模式应用

17）controller与service接口与dao层三层开发编写

18）三大框架整合maven完成maven工程的改造

19）使用maven工程构建多模块项目改造

20）公共类和工具类抽取改造

21）公共的mapper改造

22）公共接口问题改造

23）后端整合接口API文档Swagger2实现后端单独的接口测试

24）postman接口测试

25）vue-admin模板管理的应用

26）前端和后端开始整合

27）前后端分离模式下前端和后端接口的调用与路由的跳转

28）前端和后端的跨域解决方案三种

29）前端页面使用表单组件

30）前端与后端完成真实数据的增删改查

31）前后端分离整合好的项目骨架上传到SVN服务器

32）svn下载安装运行

33）svn上传代码与下载代码

34）svn代码提交与更新

35）svn代码冲突解决方案

36）完整的前后端分离框架整合案例项目课程总结

图一：ssm+vue前后端分离整合项目课程详情

扩展阅读：

前后端分离部署(基于vue)

Vue之Axios跨域问题解决方案

vue和layui一起用好用吗？

前后端分离的坏处

Spring Boot前后端分离项目Session问题解决