Vue JS huwa qafas JavaScript progressiv li jintuża biex jiġu żviluppati applikazzjonijiet b'paġna waħda (SPAs) u Interfaces tal-Utenti. U huwa wieħed mill-oqfsa front-end l-aktar użati hemmhekk.
Karatteristika interessanti ta 'Vue hija l-kapaċità tagħha li tkisser paġna web f'komponenti differenti. U dan il-proċess isir aktar sempliċi bl-użu tal-libreriji tal-komponenti tal-UI.
Hemm diversi libreriji tal-komponenti tal-UI li jistgħu jgħinuk toħloq komponenti faċilment u malajr. Allura f'dan il-blog, se nirrevedu l-aqwa 10 Libreriji tal-Komponenti Vue UI għall-2021.
1. PrimeVue
PrimeVue hija Librerija tal-Komponenti Vue UI sempliċi biex tużah, versatili u performant li tgħinek tibni interfaces tal-utent tal-biża '.
Għandu aktar minn 80 komponent tal-IU b'appoġġ sħiħ għal-Linji Gwida għall-Aċċessibilità tal-Kontenut tal-Web (WCAG) u disinn li jirrispondu. U grazzi għal aġġornament reċenti, il-librerija issa għandha appoġġ sħiħ għal Vue 3. Hija wkoll kisbet mazz aktar komponenti.
Waħda mill-aqwa affarijiet dwar Primevue hija l-firxa wiesgħa ta 'komponenti tagħha. Dawn ivarjaw minn tabelli u paginators għal organiżżati msejsa sew fuq grafika li tista' tuża biex toħloq apps Vue interattivi. Huwa open-source u għandu 1k + stilel fuq Github u 6,983 downloads fil-ġimgħa fuq NPM.
2. Vuetify
Vuetify hija Librerija Vue UI b'Komponenti maħdumin bl-idejn b'mod sabiħ li juża l-ispeċifikazzjoni tad-Disinn tal-Materjal. Dan ifisser li ġie żviluppat eżattament skont l-ispeċifikazzjonijiet tad-Disinn tal-Materjal b'kull komponent maħdum b'mod metikoluż biex ikun modulari, reattiv u performant.
Vuetify iħallik tippersonalizza l-applikazzjonijiet tiegħek b'taqsim uniċi u dinamiċi u tipperfezzjona l-istili tal-komponenti tiegħek billi tuża varjabbli SASS.
Jappoġġja wkoll linji gwida dwar l-aċċessibbiltà, il-browsers moderni kollha, u huwa kompatibbli ma' Vue CLI-3. Huwa faċli li tintegra u għandha ħafna komponenti UI li jistgħu jerġgħu jintużaw bħal karużelli, navigazzjonijiet u kards. Vuetify huwa sors miftuħ u b'aktar minn 29k stilla fuq Github u 319,170 downloads fil-ġimgħa fuq NPM.
3. Chakra UI Vue
Chakra UI hija librerija sempliċi tal-komponenti modulari u aċċessibbli li tagħtik l-għodda biex tibni applikazzjonijiet Vue malajr u faċilment.
Il-komponenti kollha huma aċċessibbli (jissegwi strettament l-istandards WAI-ARIA), tematiċi, u composable. Jappoġġja stili li jirrispondu barra mill-kaxxa u huwa kompatibbli mal-modalità skur.
Chakra UI fiha wkoll sett ta 'komponenti ta' tqassim bħal CBox u CStack li jagħmluha faċli biex tfassal il-komponenti tiegħek billi tgħaddi props. Jippermettilek ukoll timporta awtomatikament il-komponenti ta 'Chakra UI Vue billi tuża soluzzjoni ta' plugin webpack. Huwa open-source u għandu 900+ stilla fuq Github u 331 download ta' kull ġimgħa fuq NPM.
4. Bootstrap Vue
BootstrapVue, B'BootstrapVue tista' tibni proġetti responsivi, mobile-first, u ARIA aċċessibbli fuq il-web billi tuża Vue.js u l-librerija CSS ta' quddiem popolari — Bootstrap. Id-dokumentazzjoni hija faċli biex tinftiehem u hija wkoll faċli biex titwaqqaf. Jagħmel l-implimentazzjonijiet front-end isiru aktar malajr.
Joffri 85+ komponent, aktar minn 45 plugin disponibbli, diversi direttivi, u 1000+ ikona. Jipprovdi wkoll komponenti funzjonali mfassla għal taqsim u disinn reattiv. tista' wkoll tintegra faċilment BootstrapVue fil-proġetti Nuxt.js tiegħek billi tuża l-modulu Nuxt.js.
Jintuża wkoll bl-istess mod kif qed jintuża l-qafas CSS bootstrap. Huwa open-sourced fuq Github b'madwar 12.9k stilla u 1.7k frieket.
5. Vuesax
Vuesax huwa qafas ġdid ta' komponent UI maħluq bil-Vuejs biex jagħmel proġetti faċilment u bi stil uniku u pjaċevoli, vuesax huwa maħluq mill-bidu u ddisinjat għat-tipi kollha ta' żviluppaturi minn min iħobb il-frontend sal-backend li jrid faċilment joħloq l-approċċ viżwali tagħhom għal l-utent aħħari. Id-disinji huma uniċi għal kull komponent u mhumiex ankrati ma 'xi xejriet viżwali jew regoli tad-disinn, u jagħmlu proġetti mibnija miegħu uniċi wkoll.
joffri paġni li jirrispondu u komponenti tal-UI li jistgħu jerġgħu jintużaw u li jistgħu jiġu personalizzati. Huwa wkoll faċli li tibda billi tuża npm jew CDN. Bħalissa ma jappoġġjax Vue CLI 3 fil-verżjoni riċenti tiegħu. Huwa open-sourced fuq Github b'madwar 4.9k stilel u 6700 downloads fil-ġimgħa NPM.
6. Ant Design Vue
Ant Design vue ibbażata fuq l-ispeċifikazzjoni Ant Design, Ant design vue hija librerija vue UI li fiha sett ta 'komponenti ta' kwalità għolja u demos għall-bini ta 'interfaces tal-utent sinjuri u interattivi.
Ant-design-vue jipprovdi ħafna komponenti UI biex jarrikkixxu l-applikazzjonijiet tal-web tiegħek bħal Skeleton, drawer, statistika u ħafna aktar.
Bir-rilaxx riċenti tal-ant design vue verżjoni 2, ġiet aġġornata biex tkun aktar mgħaġġla u aktar faċli biex tintegra, daqs tal-qatta iżgħar, u tappoġġja wkoll Vue 3, dokument New Composition API. Jappoġġja wkoll web browsers moderni, Rendering min-naħa tas-server, u electron. Għandu aktar minn 13k stilla fuq Github u fuq 39,693 downloads ta 'kull ġimgħa NPM.
7. Quasar
Quasar huwa wieħed mill-aqwa oqfsa Vue UI li jippermettu lill-iżviluppaturi jużaw bażi waħda ta’ kodiċi tas-sors għall-pjattaformi kollha permezz ta’ Quasar CLI bl-aħjar prattiki barra mill-kaxxa. Jippermetti lill-iżviluppaturi jiffokaw fuq il-kontenut tal-App tagħhom aktar milli l-affarijiet l-oħra kollha tal-kisi tal-bojler (sistema tal-bini, tqassim) madwaru. hija ffukata fuq issegwi l-linji gwida tal-Materjal 2.0 u għandha wkoll komunità ta' appoġġ ħafna.
Waħda mill-affarijiet speċjali dwar Quasar hija l-abbiltà li tikteb kodiċi darba u fl-istess ħin tużah bħala websajt, Mobile App li tuża bażi ta 'kodiċi waħda biss. Hemm ukoll verżjoni ġdida bħalissa fil-beta li tappoġġja l-karatteristiċi vue 3. Għandu madwar 17.8k stilla fuq Github.
8. Buefy
Buefy hija librerija ħafifa tal-komponenti tal-UI għal Vue JS ibbażata fuq Bulma (qafas CSS). Buefy jgħaqqad Bulma ma 'Vue, u jgħinek tibni applikazzjonijiet li jidhru sew billi tuża kodiċi minimu. huwa s-saff javascript għall-interface Bulma tiegħek.
Jista 'jiġi importat kompletament jew komponenti singoli fuq paġna web ordinarja. L-integrazzjoni tagħha fil-proġett tiegħek hija pjuttost faċli, tista 'ssir jew billi tuża npm jew CDN.
Buefy jipprovdi komponenti UI lesti, tqassim, u ikoni. Il-komponenti jistgħu jużaw SASS għat-tema tiegħek. Jappoġġja wkoll browsers moderni.
9. Materjal Vue
Vue Materjal huwa qafas ħafif użat ħafna li jimplimenta l-ispeċifikazzjonijiet tad-Disinn tal-Materjal. Hija waħda mill-aqwa integrazzjoni bejn Vue.js u specs tad-Disinn tal-Materjal! Tista 'faċilment tikkonfiguraha biex taqdi l-bżonnijiet kollha tiegħek permezz ta' API faċli.
Huwa kompatibbli mad-disinn u l-appoġġ li jirrispondu għall-Web Browsers moderni kollha. Il-librerija hija maqsuma f'Temi, Komponenti, u Elementi UI. It-temi jagħtu gwida definittiva dwar kif ittema l-applikazzjoni tiegħek (jew tikteb it-temi tiegħek stess) u l-Komponenti u l-Elementi tal-UI jikkonsistu minn taqsim, navigazzjoni, tipografija, ikoni, u 30 komponent ieħor. Għandu madwar 9.2k stilel u 1.1k frieket fuq Github u 21k + downloads ta 'kull ġimgħa NPM.
10. KeenUI
KeenUI hija librerija tal-UI vue.js ħafifa b'API sempliċi, ispirata mid-Disinn tal-Materjal ta' Google. Keen UI mhix qafas CSS. Għalhekk, ma tinkludix stili għal sistema ta 'grilja, tipografija, eċċ. Minflok, l-enfasi hija fuq komponenti interattivi li jeħtieġu Javascript.
Għandu madwar 30 komponenti li jistgħu jerġgħu jintużaw. Il-komponenti huma customizable billi jissuperaw l-istili bl-użu ta 'varjabbli SASS. tista' tintegraha fil-proġett tiegħek jew billi tuża CDN jew npm. Huwa open source u għandu madwar 4k stilel fuq Github.
konklużjoni
Il-libreriji tal-komponenti tal-UI żgur jagħmlu l-bini ta 'proġett ħafna aktar faċli. Li tagħżel it-tajba tiddependi fuq il-karatteristiċi tal-proġett li trid taħdem fuqu. Qabel ma tgħaddas fi proġett ġdid, huwa rakkomandabbli li wieħed jirrevedi l-librerija tal-komponenti tal-UI li hija l-aktar adattata għall-iskop.