vue2框架應用構想

技術優點：

一、基於數據驅動，使用虛擬dom，減小dom操做，自動監控數據的變化渲染頁面。

二、基於vue-router的路由機制很方便實現不一樣組件的動態加載，開發大型單頁面應用無壓力。

三、支持單文件組件，組件由視圖、腳本、樣式組成，組件之間能夠互相調用，靈活性高，便於模塊化管理。

四、有成熟的構建工具和第三方組件庫，可快速部署環境開發。

五、開發體驗好，上手快、運行效率高。

 

 

學習資源：

一、vue中文網 http://cn.vuejs.org/

二、vue-router https://router.vuejs.org/zh-cn/

三、vuex https://vuex.vuejs.org/zh-cn/

四、vue-cli https://github.com/vuejs/vue-cli

 

開源插件：

一、element http://element.eleme.io/#/zh-CN/

二、mint-ui https://github.com/ElemeFE/mint-ui

三、bootstrap-vue https://github.com/bootstrap-vue/bootstrap-vue/

四、cooking https://github.com/ElemeFE/cooking

五、 https://github.com/NewDadaFE/vue-impression

 

開源項目：

一、 https://github.com/bailicangdu/vue2-elm

二、 https://github.com/shinygang/Vue-cnodejs

三、 https://github.com/breezefeng/vue-cli-multipage

 

應用構想：

    目先後臺管理平臺仍是傳統的jquery框架，開發工做主要集中在後端開發人員，時常出現兼容性問題。若是採用先後端分離的開發模式，專人專事，統一交互規範，對通用功能實現組件化，改善現有的開發模式。

    固然組件化是一個工程量不小的事情，市面上已經有一些開源的插件很好用，有豐富的開發文檔、統一的規範、大量的基礎組件，沒有必要再去從新造一個輪子，而是在他們的基礎上去擴充咱們本身的組件，方能作到事半功倍。

    推薦一個由餓了麼團隊出品的「element」 ，是基於最新的vue2組件庫，爲開發者、設計師提供了配套的設計資源，能幫助網站快速搭建，建議用這套源碼做爲咱們後臺框架的基礎框架。 固然還有一些基於bootstrap的vue組件庫，可是組件數量很少，不夠完善，我的以爲暫時做爲備選方案。

 

詳細請點擊查看： http://element.eleme.io/#/zh-CN/

 

實施步驟：

一、git上新建一個後臺框架預研demo庫，基於vue-cli構建一個空項目。

二、收集後臺功能點，根據element現有組件，規劃還須要作哪些基礎組件（如：選擇發佈對象、文件上傳）。

三、基礎組件設計、開發調試。

四、demo插件開發調試（模擬接口、真實接口）。

五、之後可於此demo模板構建新插件。