Vue JS ke moralo o tsoelang pele oa JavaScript o sebelisoang ho theha lits'ebetso tsa leqephe le le leng (SPAs) le li-interfaces tsa mosebelisi. 'Me ke e' ngoe ea li-frameworks tse sebelisoang ka ho fetisisa tse sebelisoang ka ho fetisisa.
Ntho e 'ngoe e khahlisang ea Vue ke bokhoni ba eona ba ho arola leqephe la webo ka likarolo tse fapaneng. 'Me ts'ebetso ena e ba bonolo haholoanyane ha ho sebelisoa lilaebrari tsa likarolo tsa UI.
Ho na le lilaebrari tse fapaneng tsa likarolo tsa UI tse ka u thusang ho theha likarolo habonolo le kapele. Kahoo blog ena, re tla hlahloba lilaeborari tse holimo tsa 10 tsa Vue UI tsa 2021.
1. PrimeVue
PrimeVue ke Laeborari ea Karolo ea Vue UI e bonolo ho e sebelisa, e feto-fetoha le maemo, 'me e u thusa ho aha lihokelo tse ntle tsa basebelisi.
E na le likarolo tse fetang 80+ tsa UI tse nang le ts'ehetso e felletseng ea Litaelo tsa Phihlello ea Likahare tsa Marang-rang (WCAG) le moralo o arabelang. 'Me ka lebaka la ntlafatso ea morao-rao, laeborari e se e na le ts'ehetso e felletseng bakeng sa Vue 3. E boetse e na le likarolo tse ling tse ngata.
E 'ngoe ea lintho tse ntle ka ho fetisisa ka Primevue ke mefuta e mengata ea likarolo. Li tloha ho litafole le li-paginators ho ea ho lichate tse hlophisitsoeng hantle tse thehiloeng ho li-graph tseo u ka li sebelisang ho theha lisebelisoa tsa Vue tse sebetsang. Ke mohloli o bulehileng 'me e na le linaleli tse 1k+ ho Github le 6,983 e jarollotsoeng beke le beke ho NPM.
2. Vuetify
Vuetify ke Laeborari ea UI ea Vue e nang le Likarolo tse entsoeng ka letsoho tse ntle tse sebelisang sebopeho sa Material Design. Sena se bolela hore e ntlafalitsoe hantle ho latela litlhaloso tsa Moralo oa Material mme karolo e 'ngoe le e 'ngoe e entsoe ka boqhetseke hore e be modular, e arabelang, le e sebetsang.
Vuetify e o lumella ho etsa lits'ebetso tsa hau ka mokhoa o ikhethileng ka lipeakanyo tse ikhethang le tse matla, 'me u be le mekhoa e metle ea likarolo tsa hau u sebelisa mefuta e fapaneng ea SASS.
E boetse e ts'ehetsa litataiso tsa phihlello, libatli tsohle tsa sejoale-joale, 'me e tsamaellana le Vue CLI-3. Ho bonolo ho e kopanya 'me e na le likarolo tse ngata tsa UI tse ka sebelisoang hape joalo ka li-carousels, navigation, le likarete. Vuetify ke mohloli o bulehileng 'me e na le linaleli tse fetang 29k ho Github le 319,170 e jarollotsoeng beke le beke ho NPM.
3. Chakra UI Vue
Chakra UI ke laeborari e bonolo ea modular le e fumanehang habonolo e u fang lisebelisoa tsa ho aha lits'ebetso tsa Vue kapele le ha bonolo.
Likarolo tsohle lia fumaneha (li latela melao ea WAI-ARIA ka thata), li na le sehlooho, 'me li ka sebelisoa. E ts'ehetsa mekhoa ea ho arabela ka ntle ho lebokose mme e lumellana le mokhoa o lefifi.
Chakra UI e boetse e na le sete ea likarolo tsa sebopeho joalo ka CBox le CStack tse etsang hore ho be bonolo ho seta likarolo tsa hau ka ho fetisa lisebelisoa. E boetse e u lumella ho kenya likarolo tsa Chakra UI Vue ka boits'oaro u sebelisa tharollo ea plugin ea webpack. Ke mohloli o bulehileng, 'me e na le linaleli tse 900+ ho Github le khoaso ea beke le beke ea 331 ho NPM.
4. Bootstrap Vue
BootstrapVue, Ka BootstrapVue o ka theha merero e arabelang, ea pele-pele, le ea ARIA e fumanehang marang-rang u sebelisa Vue.js le laeborari e tsebahalang ea pele ea CSS - Bootstrap. Litokomane li utloisisoa habonolo ebile ho bonolo ho li hlophisa. E etsa hore lits'ebetso tse ka pele li etsoe kapele.
E fana ka likarolo tse 85+, li-plugins tse fumanehang tse fetang 45, litaelo tse 'maloa, le litšoantšo tse fetang 1000. E boetse e fana ka likarolo tse sebetsang tse etselitsoeng meralo le moralo o arabelang. hape o ka kopanya BootstrapVue habonolo mererong ea hau ea Nuxt.js o sebelisa mojule oa Nuxt.js.
E boetse e sebelisoa ka mokhoa o ts'oanang le ha moralo oa CSS oa bootstrap o ntse o sebelisoa. E bulehile ho Github e nang le linaleli tse ka bang 12.9k le lifereko tsa 1.7k.
5. Vuesax
Vuesax ke moralo o mocha oa karolo ea UI o entsoeng ka li-Vuejs ho etsa merero habonolo le ka setaele se ikhethang le se monate, vuesax e entsoe ho tloha qalong mme e etselitsoe mefuta eohle ea bahlahisi ho tloha ho barati ba ka pele ho isa morao ba batlang ho theha mokhoa oa bona oa pono habonolo. mosebedisi wa ho qetela. Meetso e ikhetha bakeng sa karolo e 'ngoe le e' ngoe 'me ha e tiisetsoe ho mekhoa leha e le efe ea pono kapa melao ea moralo, ho etsa hore merero e hahiloeng ka eona e be e ikhethang hape.
e fana ka maqephe a arabelang le likarolo tsa UI tse ka sebelisoang hape le tseo u ka li khethang. Hape ho bonolo ho qala ka ho sebelisa npm kapa CDN. Hajoale ha e tšehetse Vue CLI 3 phetolelong ea eona ea morao-rao. E fumaneha mohloling o bulehileng ho Github e nang le linaleli tse ka bang 4.9k le khoaso ea beke le beke ea 6700 NPM.
6. Ant Design View
Ant Design vue e ipapisitseng le tlhaloso ea Ant Design, Ant design vue ke laeborari ea UI e nang le sete ea likarolo tsa boleng bo holimo le li-demos bakeng sa ho aha likhokahano tse ruileng, tse sebetsanang tsa basebelisi.
Ant-design-vue e fana ka likarolo tse ngata tsa UI ho ntlafatsa lits'ebetso tsa hau tsa marang-rang tse kang Skeleton, drawer, lipalo-palo le tse ling tse ngata.
Ka tokollo ea morao-rao ea mofuta oa 2 oa ant design vue, e ntlafalitsoe hore e be kapele le ho ba bonolo ho e kopanya, boholo bo nyane ba liphutheloana, hape e tšehetsa Vue 3, Tokomane e Ncha ea Composition API. E boetse e ts'ehetsa libatli tsa sejoale-joale tsa marang-rang, Rendering ea lehlakore la seva, le electron. E na le linaleli tse fetang 13k ho Github le ho 39,693 download ea beke le beke NPM.
7. Quasar
Quasar ke e 'ngoe ea mekhoa e metle ka ho fetisisa ea Vue UI e lumellang bahlahisi ho sebelisa mohloli o le mong oa khoutu ea mohloli bakeng sa liforomo tsohle ka Quasar CLI ka mekhoa e metle ka ntle ho lebokose. E lumella bahlahisi hore ba tsepamise maikutlo ho litaba tsa App ea bona ho fapana le lintho tse ling tsohle tsa boiler plating (mohaho oa sistimi, sebopeho) ho e potoloha. e tsepamisitse maikutlo ho latela tataiso ea Material 2.0 hape e na le sechaba se tšehetsang haholo.
E 'ngoe ea lintho tse ikhethang ka Quasar ke bokhoni ba ho ngola khoutu hang' me ka nako e le 'ngoe u e sebelise e le sebaka sa marang-rang, Mobile App e sebelisa codebase e le' ngoe feela. Ho boetse ho na le mofuta o mocha o teng hona joale oa beta o ka tšehetsang likarolo tsa vue 3. E na le linaleli tse ka bang 17.8k ho Github.
8. Buefy
Buefy ke laeborari ea karolo e bobebe ea UI bakeng sa Vue JS e ipapisitseng le Bulma( moralo oa CSS). Buefy e kopanya Bulma le Vue, e u thusa ho theha lits'ebetso tse shebahalang hantle u sebelisa khoutu e nyane. ke lera la javascript bakeng sa sebopeho sa hau sa Bulma.
E ka rekoa ka ho felletseng kapa likarolo tse le 'ngoe leqepheng le tloaelehileng la tepo. Ho e kenyelletsa morerong oa hau ho bonolo haholo, ho ka etsoa ka npm kapa CDN.
Buefy e fana ka likarolo tse lokiselitsoeng tsa UI, sebopeho le litšoantšo. Likarolo li ka sebelisa SASS ho sehlooho sa hau. E boetse e tšehetsa libatli tsa sejoale-joale.
9. Sheba Boitsebiso
Vue Material ke moralo o sebelisoang haholo, o bobebe o sebelisang lintlha tsa Moralo oa Material. Ke e 'ngoe ea khokahano e ntle ka ho fetisisa lipakeng tsa Vue.js le lintlha tsa Design ea Material! U ka e hlophisa habonolo hore e lumellane le litlhoko tsohle tsa hau ka API e bonolo.
E tsamaisana le moralo o arabelang le ts'ehetso bakeng sa Libatli tsa Marang-rang tsa sejoale-joale. Laeborari e arotsoe ka Themes, Components, le UI Elements. Lihlooho li fana ka tataiso e hlakileng mabapi le hore na u ka etsa sehlooho sa kopo ea hau joang (kapa u ngole lihlooho tsa hau) 'me Likarolo le likarolo tsa UI li na le meralo, navigation, typography, icons le likarolo tse ling tse 30. E na le linaleli tse ka bang 9.2k le lifereko tse 1.1k ho Github le 21k + download ea beke le beke NPM.
10. KeenUI
KeenUI ke laeborari ea UI ea vue.js e bobebe e nang le API e bonolo, e susumetsoang ke Google's Material Design. Keen UI ha se moralo oa CSS. Ka hona, ha e kenyeletse litaele tsa sistimi ea grid, typography, joalo-joalo. Ho e-na le hoo, ho tsepamisitsoe maikutlo holim'a likaroloana tse sebetsang tse hlokang Javascript.
E na le likarolo tse ka bang 30 tse ka sebelisoang hape. Likarolo li ka etsoa ka mokhoa o ikhethileng ka ho fetisa mekhoa e sebelisang mefuta e fapaneng ea SASS. o ka e kenyelletsa morerong oa hau o sebelisa CDN kapa npm. E bulehile 'me e na le linaleli tse ka bang 4k ho Github.
fihlela qeto e
Lilaebrari tsa likarolo tsa UI li etsa hore ho be bonolo ho aha projeke. Ho khetha e nepahetseng ho itšetlehile ka likarolo tsa morero oo u batlang ho sebetsa ho oona. Pele o kenella morerong o mocha, ho bohlokoa hore motho a hlahlobe laeborari ea karolo ea UI e loketseng morero.