學習資料
- 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)質的金融類產(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 的高質量的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ù)驅動,簡單易使用闷哆。
ant-design-vue
- 提煉自企業(yè)級中后臺產(chǎn)品的交互語言和視覺風格腰奋。
- 開箱即用的高質量 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