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