《论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