一、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前端和后端整合视频教程具体课程大纲：

0001）SSM和vue配合饿了么ui布局前后端分离的模式详解

0002）ssm加vue管理后台开发前后端分离场景应用

0003）企业开发前后端分离下的架构和组件说明

0004）前后端分离模式下的前端（vue+ElementUI）必备知识学习

0005）配合vue前端页面布局的必备组件elementUI入门与精通使用

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

0007）elementUI组件快速上手基本入门使用

0008）表格表单菜单等组件在页面上布局使用

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

0010）表格的列表数据展示与分页组件使用

0011）完成表格数据组件的增删改查调用

0012）数据增删改的精美简洁弹窗快速布局与应用

0013）前后分离的系统之后端框架环境搭建部署和整合

0014）SSM框架集成整合其他技术

0015）jar的调试、依赖和整合在pom文件中使用

0016）基于mvc三层开发模式的代码开发和应用

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

0018）三大框架整合maven完成maven子父工程高大上的改造

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

0020）通用和复用公共类和工具类抽取改造

0021）公共的mapper改造

0022）公共接口问题改造

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

0024）postman工具测试前后端分离的api接口

0025）vue-admin界面布局模板管理

0026）前端和后端完成前后端的对接与整合

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

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

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

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

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

0032）svn下载安装运行

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

0034）svn代码提交与更新

0035）svn代码冲突解决方案

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

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

扩展阅读：

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

Vue之Axios跨域问题解决方案

vue和layui一起用好用吗？

前后端分离的坏处

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