學習資料
- vue github (里面包含了vue, vuex, vue-cli等源碼)
- vue-cli 官網(wǎng)
- vue 中文官網(wǎng)
- vuex 官網(wǎng)
- vue-router
- vue專題
- vue 源碼分析
- vue-cli#2.0 webpack 配置分析
移動端組件
vux
VUX 是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫，主要服務于微信頁面。
- 項目主頁:https://doc.vux.li/zh-CN/
- Github: https://github.com/airyland/vux
weex
Weex 是一個可以使用現(xiàn)代化的 Web 技術開發(fā)高性能原生應用的框架。
- 社區(qū): https://weex.apache.org/zh/community/solutions.html
- 官網(wǎng): https://weex.apache.org/zh/
- Github: https://github.com/alibaba/weex
Mand Mobile
面向金融場景的Vue移動端UI組件庫，豐富、靈活、實用，快速搭建優(yōu)質(zhì)的金融類產(chǎn)品，讓復雜的金融場景變簡單。
- 官方地址: https://didi.github.io/mand-mobile/#/zh-CN/home
- Github: https://github.com/didi/mand-mobile
- demo: https://didi.github.io/mand-mobile/examples/
Mint UI
基于 Vue.js 的移動端組件庫,真正意義上的按需加載組件, 依托 Vue.js 高效的組件化方案，Mint UI 做到了輕量化,即使全部引入，壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。
- 項目主頁:http://mint-ui.github.io/#/zh-cn
- demo:http://elemefe.github.io/mint-ui/#/
- Github:https://github.com/ElemeFE/mint-ui
- 中文文檔地址:http://mint-ui.github.io/docs/#/zh-cn
Framework7-Vue
- 完美的HTML框架, 構建精美的iOS & Android 應用
- Framework7 是一個開源免費的框架可以用來開發(fā)混合移動應用（原生和HTML混合）或者開發(fā) iOS & Android 風格的WEB APP。也可以用來作為原型開發(fā)工具，可以迅速創(chuàng)建一個應用的原型。
- 并不能兼容所有的設備。她只專注于為 iOS 和 Google Material 設計提供最好的體驗
- 如果你想開發(fā) iOS 或者 Android 混合應用（Phonegap）或者你想開發(fā) iOS 和 Google Material 風格的WEB APP，那么Framework7將會是你的首選。
- 官方地址: http://vue.framework7.cn/
- Github: https://github.com/framework7io/framework7-vue
vue-Material
移動端UI組件, material-design的風格簡直太棒了，控件豐富而且好看，文檔齊全，動畫效果非常棒, 目前只有全英文文檔
keen-ui
Keen UI是一個帶有簡單API的Vue.js UI庫，靈感來自Google的material-design。
- 英文文檔: https://josephuspaye.github.io/Keen-UI/#/ui-alert
- Github: https://github.com/JosephusPaye/Keen-UI
Vant
Vant是一個輕量、可靠的移動端 Vue 組件庫。Vant是有贊團隊開源的，主要維護也是有贊團隊, Vant Weapp 是有贊移動端組件庫 Vant 的小程序版本。
- 官方地址: https://youzan.github.io/vant/#/zh-CN/intro
- Github: https://github.com/youzan/vant
- vant-weapp小程序: https://github.com/youzan/vant-weapp
cube-ui
基于 Vue.js 實現(xiàn)的精致移動端組件庫, 由滴滴內(nèi)部組件庫精簡提煉而來
- 官方地址: https://didi.github.io/cube-ui/#/zh-CN
- 中文官網(wǎng): https://didi.github.io/cube-ui/#/zh-CN/docs/introduction
- demo: https://didi.github.io/cube-ui/example/#/
Vonic
一個基于 vue.js 和 ionic 樣式的 UI 框架，用于快速構建移動端單頁應用。
- 中文文檔: https://wangdahoo.github.io/vonic-documents/#/
- Github: https://github.com/wangdahoo/vonic
- demo: https://wangdahoo.github.io/vonic/docs/#/
Vum
基于vue2.0的移動端UI組件
- demo: http://demo.getvum.com/
- 英文文檔: http://getvum.com/
- Github: https://github.com/vum-team/vum
YDUI
一個基于Vue2.x的移動端&微信UI。 -YDUI Touch
OnsenUI-Vue
- OnsenUI 同時支持react, angular, vue三大主流框架
- 擁有大量專門為移動應用設計的ui組件
- 按照原生的ios和Android設計標準提供，提供即用型功能
- 英文文檔: https://onsen.io/v2/guide/vue/
- Github: https://github.com/OnsenUI/OnsenUI
BS端UI組件
element
Element 是由餓了么UED設計、餓了么大前端開發(fā)的一套基于 Vue 2.0 的桌面端組件庫。
- 官網(wǎng): http://element.eleme.io/#/zh-CN
- 餓了么Github: http://github.com/elemefe
iview
一套基于 Vue.js 的高質(zhì)量的UI組件庫
- iView配套的工作流:https://github.com/icarusion/vue-vueRouter-webpack
- Github:https://github.com/iview/iview
- 官網(wǎng):https://www.iviewui.com/
radon-ui
一個幫助你快速開發(fā)產(chǎn)品的Vue組件庫，簡潔好用，效率高，讓你擺脫各種定制化的煩惱?；?npm + webpack + ES6 + postcss開發(fā), 數(shù)據(jù)驅(qū)動，簡單易使用。
ant-design-vue
- 提煉自企業(yè)級中后臺產(chǎn)品的交互語言和視覺風格。
- 開箱即用的高質(zhì)量 Vue 組件。
- 共享Ant Design of React設計工具體系。
- 現(xiàn)代瀏覽器和 IE9 及以上（需要 polyfills）。
- 支持服務端渲染。
- 中文文檔: http://okoala.github.io/vue-antd/#!/components
- Github: https://github.com/okoala/vue-antd
N3
N3組件庫致力于構建良好的Vue開發(fā)者生態(tài)圈，提供良好的開發(fā)體驗。下面是其中的一些特色：
超過60個組件 組件列表
自定義樣式
支持多種模塊化范式（UMD）
使用ES6進行開發(fā)
中文文檔: https://n3-components.github.io/N3-components/component.html
vuikit
基于uikit 3框架的網(wǎng)站界面響應式Vue 2 UI庫。
- Github: https://github.com/vuikit/vuikit
- 英文文檔: https://vuikit.js.org/#/
Bootstrap-Vue
bootstrap vue為vue.js提供了bootstrap 4組件和網(wǎng)格系統(tǒng)的最全面的實現(xiàn)之一，并具有廣泛的自動化的wai-aria可訪問性標記。
- 文檔: //bootstrap-vue.github.io/docs
- Github：https://github.com/bootstrap-vue/bootstrap-vue/
- demo：https://bootstrap-vue.github.io/
AT-UI
一款基于 Vue.js 2.0 的前端 UI 組件庫，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品, 現(xiàn)代瀏覽器和 IE9 及以上
Muse-UI
基于 Vue 2.0 優(yōu)雅的 Material Design UI 組件庫, 同時支持PC端和移動端, 支持移動端城市日歷下拉選址
- 官方地址: https://muse-ui.org/#/zh-CN
- Github: https://github.com/museui/muse-ui
veui
VEUI 是一套基于 Vue.js 的商業(yè)系統(tǒng)組件庫。采用組件庫樣式與邏輯分離的方式開發(fā), VEUI 是以 ES Next 源碼形式通過 ES module 格式進行發(fā)布的，需要與用戶項目本身一同編譯構建。VEUI 除了提供豐富的組件，還提供多個功能強大的指令及插件，幫助開發(fā)者迅速搭建基于 Vue 的應用。
- 官方地址: https://veui.dev/
- Github: https://github.com/ecomfe/veui
Semantic-UI
Semantic作為一款開發(fā)框架，幫助開發(fā)者使用對人類友好的HTML語言構建優(yōu)雅的響應式布局。取BEM 和 SMACSS 的精華，同時使之更易于使用。功能強大，自帶廣告，評論等組件
vue-element-admin
vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現(xiàn)。它使用了最新的前端技術棧，內(nèi)置了 i18n 國際化解決方案，動態(tài)路由，權限驗證，提煉了典型的業(yè)務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業(yè)級中后臺產(chǎn)品原型。相信不管你的需求是什么，本項目都能幫助到你。
- 官方地址: https://panjiachen.gitee.io/vue-element-admin-site/zh/
- demo: https://panjiachen.github.io/vue-element-admin/#/dashboard
- Github: https://github.com/PanJiaChen/vue-element-admin
Vue-Blu
Vue-Blu是基于Vuejs和Bulma開發(fā)的開源UI組件庫。旨在為PC端的前端開發(fā)(特別是中后臺產(chǎn)品)提供一個快速且靈活的解決方案。
Vuetify
讓Vue和Material Design的強大力量在開發(fā)上助您一臂之力, Vuetify 支持SSR（服務端渲染）,SPA（單頁應用程序）,PWA（漸進式Web應用程序）和標準HTML頁面
Rubik
Rubik UI 是一個基于 Vue.js 2.0+ 的開源 UI 組件庫，在交互和視覺設計上遵循 Material Design 規(guī)范，適用于 PC 端和 mobile 端。
Quasar
Quasar（發(fā)音為/kwe?.zɑ?/)是MIT許可的開源框架（基于Vue），可幫助Web開發(fā)人員創(chuàng)建：
- 響應式網(wǎng)站
- PWA
- 通過Apache Cordova構建移動APP
- 多平臺桌面應用程序（使用Electron）
- 官方地址: https://v1.quasar-framework.org/
- Github: https://github.com/quasarframework/quasar
