1.Vue.js
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
官網地址：https://cn.vuejs.org/v2/guide/comparison.html
Vue特點：
- 構建用戶界面的漸進式框架
- 使用 Virtual DOM
- 提供了響應式 (Reactive) 和組件化 (Composable) 的視圖組件
- 將注意力集中保持在核心庫，而將其他功能如路由和全局狀態管理交給相關的庫。Vue 的路由庫和狀態管理庫都是由官方維護支持且與核心庫同步更新的
- [向上擴展]Vue 提供了 CLI 腳手架，能讓你通過交互式的腳手架引導非常容易地構建項目。你甚至可以使用它快速開發組件的原型
- [向下擴展] 要學習 Vue，你只需要有良好的 HTML 和 JavaScript 基礎。有了這些基本的技能，你就可以非常快速地通過閱讀指南投入開發。
- DOM元素與實體對象的雙向，單向綁定
Vue對象定義元素
- ele ：DOM元素
- data ：DOM元素綁定的實體模型
- methods：Vue對象中的方法
vue與Anglular.js 的比對
【數據綁定】：AngularJS 使用雙向綁定，Vue 在不同組件間強制使用單向數據流。這使應用中的數據流更加清晰易懂。
【學習成本】：Angular 事實上必須用 TypeScript 來開發，因為它的文檔和學習資源幾乎全部是面向 TS 的
【運行時性能】：在 AngularJS 中，當 watcher 越來越多時會變得越來越慢，因為作用域內的每一次變化，所有 watcher 都要重新計算。並且，如果一些 watcher 觸發另一個更新，臟檢查循環 (digest cycle) 可能要運行多次。AngularJS 用戶常常要使用深奧的技術，以解決臟檢查循環的問題。有時沒有簡單的辦法來優化有大量 watcher 的作用域。
Vue 則根本沒有這個問題，因為它使用基於依賴追蹤的觀察系統並且異步隊列更新，所有的數據變化都是獨立觸發，除非它們之間有明確的依賴關系。
2.前端組件Element.UI
ElementUI官網： https://element.eleme.io/#/zh-CN/component/installation
使用中的參考網站地址：http://sa.sogou.com/sgsearch/sgs_tc_news.php?req=MJYal9qKGNAye7nffF6LrGG-IIZGHiCxrT1QgNWPvhA=
特點：
- Element-Ul是
餓了么前端團隊推出的一款基於Vue.js 2.0的桌面端UI框架，手機端有對應框架是Mint UI 。 - element-ui是一個ui庫，它不依賴於vue。但是卻是當前和vue配合做項目開發的一個比較好的ui框架。
- element-ui借用了bootstrap框架的思想，使用了柵格布局。它把單一的分欄分為24列。
- Container布局容器，當子元素中包含 el-header 或 el-footer 時，全部子元素會垂直上下排列，否則會水平左右排列。
- 組件比較成熟（三級聯動，時間軸等復雜組件，在BootStrap中是不存在的 ）
BootStrap簡介：
前端開發框架，它由規范的css，javascript插件構成。
特點
簡單靈活可用於架構流行的用戶界面和交互接口的html、css、javascript工具集。
友好的學習曲線，卓越的兼容性，響應式設計，12列格網，樣式向導文檔。
自定義JQuery插件，完整的類庫，基於Less等
Bootstrap 響應式布局使用體驗。