Element iView Vuex Mint UI Vant cube-ui,對比六大 vue ui 組件庫,選中最適合的那個(gè)。
Element(pc) 介紹 & 版本餓了么前端團(tuán)隊(duì)開發(fā)的桌面端組件庫,當(dāng)前最新版本:2.4.8
Star:32.067k 項(xiàng)目特色團(tuán)隊(duì)維護(hù)
支持三個(gè)版本:vue、react、angular
支持 Nuxt.js
常規(guī)支持:多語言、自定義主題、按需引入、內(nèi)置過渡動畫
文檔詳細(xì),組件齊全
支持響應(yīng)式布局,提供基于斷點(diǎn)的隱藏類
適合常規(guī) pc 端項(xiàng)目
樣式類名大量使用計(jì)算屬性,css 和主文件分離多帶帶一個(gè)文件
官網(wǎng)地址Element
GitHub 倉庫地址Element github
iView(pc) 版本介紹主要服務(wù)于 PC 界面的中后臺產(chǎn)品,當(dāng)前最新版本:3.x
Star:18.086k 項(xiàng)目特色團(tuán)隊(duì)維護(hù)
支持: Nuxt.js、TypeScript、Electron
常規(guī)支持:多語言、自定義主題、按需引入
文檔詳細(xì),組件齊全
支持響應(yīng)式布局
UI 比較美觀
適合常規(guī) pc 端項(xiàng)目,皮膚美觀
樣式less 計(jì)算屬性 前綴嵌套
官網(wǎng)地址iView
GitHub 倉庫地址iView github
Vuex(mob) 介紹類似微信樣式的移動端組件庫,當(dāng)前最新版本:2.9.2
Star:14.358k 項(xiàng)目特色個(gè)人維護(hù)
支持 Nuxt.js
支持自定義主題
組件樣式仿照微信
適合微信端移動項(xiàng)目
樣式less 長類名區(qū)分
官網(wǎng)地址Vuex
GitHub 倉庫地址Vuex github
Mint UI(mob) 版本介紹餓了么前端團(tuán)隊(duì)開發(fā)的移動端組件庫,當(dāng)前最新版本:2.2.7
Star:12.583k 項(xiàng)目特色團(tuán)隊(duì)維護(hù)
真正做到了按需引入,每個(gè)組件有多帶帶的包
CSS3 處理各種動效
組件齊全
適用于移動端常規(guī)項(xiàng)目
樣式scss、template、script、css 都在一個(gè)文件中,長類名區(qū)分
官網(wǎng)地址Mint UI
GitHub 倉庫地址Mint UI github
Vant(mob) 版本介紹有贊團(tuán)隊(duì)開發(fā)的移動端組件庫,當(dāng)前最新版本:1.3.10
Star:6.31k 項(xiàng)目特色團(tuán)隊(duì)維護(hù)
有多個(gè)版本:小程序 UI => Vant Weapp、PC 端 React UI => Zen
支持 SSR
常規(guī)支持:多語言、自定義主題、按需引入
文檔詳細(xì),組件齊全
適用于移動端商城購物類網(wǎng)站
樣式scss、BEM 類名命名法
官網(wǎng)地址Vant
GitHub 倉庫地址Vant github
cube-ui(mob) 版本介紹滴滴團(tuán)隊(duì)開發(fā)的移動端組件庫,當(dāng)前最新版本:1.11.2
Star:4.296k 項(xiàng)目特色團(tuán)隊(duì)維護(hù)
支持后編譯
常規(guī)支持:多語言、自定義主題、按需引入
文檔詳細(xì),組件齊全
擴(kuò)展性強(qiáng),可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開發(fā)
適合移動端需要擴(kuò)展的項(xiàng)目,或者引用框架部分源代碼組合成自己的 ui 組件庫
樣式scss、BEM 類名命名法
官網(wǎng)地址cube-ui
GitHub 倉庫地址cube-ui github
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/98981.html
摘要:為了用事實(shí)說明挖掘機(jī)技術(shù)到底哪家強(qiáng),組織了一場挖掘機(jī)技能大賽。現(xiàn)請你根據(jù)比賽結(jié)果統(tǒng)計(jì)出技術(shù)最強(qiáng)的那個(gè)學(xué)校。輸入格式輸入在第行給出不超過的正整數(shù),即參賽人數(shù)。挖掘機(jī)技術(shù)哪家強(qiáng)遺憾的是代碼跑不通,所以用代碼吧,測試通過了 為了用事實(shí)說明挖掘機(jī)技術(shù)到底哪家強(qiáng),PAT 組織了一場挖掘機(jī)技能大賽?,F(xiàn)請你根據(jù)比賽結(jié)果統(tǒng)計(jì)出技術(shù)最強(qiáng)的那個(gè)學(xué)校。 輸入格式: 輸入在第 1 行給出不超過 10^?5?...
摘要:是可以在的源面板中創(chuàng)建和執(zhí)行的小腳本。通過在和屬性的末尾添加來覆蓋所有鏈接和可選腳本標(biāo)記。默認(rèn)情況下,不執(zhí)行處理腳本,應(yīng)將變量更改為以運(yùn)行這些腳本。在一個(gè)不錯(cuò)的表中顯示所有表單元素及其值和類型。使用和分組來組織信息。 Snippets是可以在Chrome DevTools的源面板中創(chuàng)建和執(zhí)行的小腳本。 您可以從任何頁面訪問和運(yùn)行它們。 當(dāng)您運(yùn)行代碼段時(shí),它會從當(dāng)前打開的頁面的上下文執(zhí)行...
摘要:前言從網(wǎng)頁爬下來的大量數(shù)據(jù)需要清洗成堆的科學(xué)實(shí)驗(yàn)數(shù)據(jù)需要導(dǎo)入進(jìn)行分析有成堆的表格等待統(tǒng)計(jì)作為人生苦短的程序員,該如何優(yōu)雅地操作得益于前人的辛勤勞作,處理已有很多現(xiàn)成的輪子,使用較多的有 0. 前言 從網(wǎng)頁爬下來的大量數(shù)據(jù)需要清洗? 成堆的科學(xué)實(shí)驗(yàn)數(shù)據(jù)需要導(dǎo)入 Excel 進(jìn)行分析? 有成堆的表格等待統(tǒng)計(jì)? 作為人生苦短的 Python 程序員,該如何優(yōu)雅地操作 Excel? 得益于...
摘要:難道不是應(yīng)該包含垂釣,海釣,路亞,野釣,夜釣等關(guān)鍵詞嗎所以,我決定自己開發(fā)一個(gè),并且開源至于怎么實(shí)現(xiàn)呢大概流程,已經(jīng)在我腦海里運(yùn)行起來了。另外我的釣魚主題網(wǎng)站名叫釣魚家和下一篇文章一樣,敬請期待。 你可能有所不知,我最近喜歡上釣魚,并決定為此開發(fā)一個(gè)釣魚網(wǎng)站, 這個(gè)釣魚網(wǎng)站,不是那個(gè)釣魚,我說的是真的釣魚,也就是垂釣…… 做個(gè)網(wǎng)站一點(diǎn)都不難,但如果是用心做,那么任何事都簡單不起來, 你...
摘要:是可以在的源面板中創(chuàng)建和執(zhí)行的小腳本。通過在和屬性的末尾添加來覆蓋所有鏈接和可選腳本標(biāo)記。默認(rèn)情況下,不執(zhí)行處理腳本,應(yīng)將變量更改為以運(yùn)行這些腳本。在一個(gè)不錯(cuò)的表中顯示所有表單元素及其值和類型。使用和分組來組織信息。 Snippets是可以在Chrome DevTools的源面板中創(chuàng)建和執(zhí)行的小腳本。 您可以從任何頁面訪問和運(yùn)行它們。 當(dāng)您運(yùn)行代碼段時(shí),它會從當(dāng)前打開的頁面的上下文執(zhí)行...
閱讀 1597·2021-10-25 09:44
閱讀 2969·2021-09-04 16:48
閱讀 1616·2019-08-30 15:44
閱讀 2537·2019-08-30 15:44
閱讀 1760·2019-08-30 15:44
閱讀 2851·2019-08-30 14:14
閱讀 2995·2019-08-30 13:00
閱讀 2181·2019-08-30 11:09