《论vue在前后端分离项目中的实践之年终总结》

我是2014年的时候开始了解知道的vue，当时vue还不太成熟，想用但是又怕自己hold不住，况且那时候vue还没有成熟的（路由、验证、ui组件)插件，社区也是不温不火的，再说也没有合适的机遇让我去项目中实践。

正好2015年9月离职了去了我朋友的一个移动互联部门，说好的只是做"前端开发"的工作，当时前端也就3个人，2个切图，没办法也就我主动的负责起了前端的架构设计这块的工作，当时接手的项目beta版本已经做了将近了50%的工作了，这是一个机场贵宾厅的服务型的产品应用，项目是用 $.load 页面方式做的前后端分离，这就是个坑，项目中用了几十个js类库，页面中随处可见的全局变量的污染，大家都是纯手拿到后端接口数据，拼接html 标签然后 append 到页面，看到这些我当时就有过想走的念头。

当时我没办法去改变所有的页面了，页面以及js文件太多了，而且项目工期真的很紧了，而我只能做的就是用vuejs做类库，给大家培训赶紧用上vuejs，把view层的坑给堵上，不过还好最终第一个beta版本上线了。

上线后立马迎来的是新版的1.0的工作，还不止这些还有后台项目的工作，这个时候我其实早已经开始琢磨着学习用 vueify+webpack+gulp 来做架构设计上面的工作了。

我想的是把（前台项目 和 后台项目 ）的都做搭成工程化，我不想再让大家写重复的代码了，我们要做（ui组件 和 业务组件），以及全套的定制化的ui组件，我在团队中多次强调了我的憧憬，但是团队的现状就我一个人懂 vuejs，大家都很年轻，没太多经历，基本上就是jquery的思想。最后我想说基本上（架构设计 和 项目的组件哪块）都是我一个人完成的。 也如我所憧憬的那样，我做到了，只是这个过程真的太费力了，我基本每周末都得想着工作上面的事情。

我想对大家说的话：

对于那些说vue 只能做 view 层的工作的人，我只想说，我们的后台项目逻辑也很复杂，业务组件极其的多，其实我们后台前端就一个人做开发，而我只负责做复杂逻辑 和 组件，以及架构层面的事情，就完成了后台项目的开发，我们前台项目有三个人做ui切图制作，我负责做ui组件和架构设计方面的工作，大家经过了beta的vuejs 练手，以及逐渐的开始能用上vue了，我们用的是 vueify + vue-router 做的spa 架构。

对于那些即将用 vue 来做项目，以及还对vue 还怀有敬畏心的人说句，大家尽可放心使用，它已经日渐成熟了，社区已经非常的活跃。

其实我们三个月里，做了差不多4个项目，以下是我带团队做的项目架构和界面展示：

我之前的项目架构介绍文章：如何通过 Vue＋Webpack 来做通用的前端组件化架构设计

前台架构设计 和 后台界面如下：

后台架构设计 和 后台界面如下：

总结：其实vue 也会有坑，任何架构都会有坑的，就是看你怎么去思考和解决它，我之后也会写一些关于vue坑的文章。我想说前端架构应该满足于团队内部的实力现状，否则它就会是你自己种下的恶果，时间不早了，晚安。

＝＝＝＝＝《最后发布一条招聘消息》＝＝＝＝＝＝＝＝＝＝＝＝＝：

“ 如果你有一颗想用代码来改变世界的信念，那么你来就对了”。

    招聘地址：http://maimai.cn/job?webjid=AEQgjuZh&srcu=Oj0IP9i8&src=app&from=timeline&isappinstalled=0&setcookie=1