Vue JS bụ usoro Javascript na-aga n'ihu nke ejiri mepụta ngwa nwere otu ibe (SPAs) na Interface Onye ọrụ. Ma ọ bụ otu n'ime ihe ndị a na-ejikarị eme ihe n'ihu njedebe n'ebe ahụ.

 

Otu ihe na-adọrọ mmasị nke Vue bụ ike ya imebi ibe weebụ n'ime akụkụ dị iche iche. Usoro a na-adịkwa mfe site n'iji ọba akwụkwọ mpaghara UI.

 

Enwere ọba akwụkwọ akụrụngwa UI dị iche iche nwere ike inyere gị aka ịmepụta ngwa ngwa ngwa ngwa. Yabụ na blọọgụ a, anyị ga-enyocha ọba akwụkwọ 10 Vue UI kacha elu maka 2021.

 

1. PrimeVue

 

PrimeVue bụ ihe dị mfe iji, dị mfe ma na-arụ ọrụ Vue UI Component Library nke na-enyere gị aka iwulite oghere ndị ọrụ dị egwu.

 

O nwere ihe karịrị 80+ UI nwere nkwado zuru oke maka ntuziaka ịnweta ọdịnaya Weebụ (WCAG) yana imewe na-anabata ya. Na ekele maka mmelite na-adịbeghị anya, ọbá akwụkwọ ugbu a nwere nkwado zuru oke maka Vue 3. Ọ nwetakwara ụyọkọ ihe ndị ọzọ.

 

Otu n'ime ihe kachasị mma gbasara Primevue bụ ihe mejupụtara ya. Ha na-esite na tebụl na ndị na-ede akwụkwọ ruo na eserese nhazi nhazi nke ọma nke ị nwere ike iji mepụta ngwa Vue mmekọrịta. Ọ bụ isi mmalite mepere emepe ma nwee 1k+ kpakpando na Github yana nbudata 6,983 kwa izu na NPM.

 

2. Vuetify

 

Vuetify bụ ọba akwụkwọ Vue UI nwere akụrụngwa ejiri aka rụọ nke ọma nke na-eji nkọwapụta Nhazi ihe. Nke a pụtara na emepụtara ya nke ọma dịka nkọwapụta ihe nrụpụta ihe si dị, yana akụrụngwa ọ bụla ejiri nke ọma rụọ ya ka ọ bụrụ modular, na-anabata ma na-arụ ọrụ.

 

Vuetify na-enye gị ohere ịhazi ngwa gị site na nhazi pụrụ iche ma dị ike wee zuo oke ụdị nke akụrụngwa gị site na iji mgbanwe SASS.

 

Ọ na-akwado ụkpụrụ nnweta, ihe nchọgharị ọgbara ọhụrụ niile, yana dakọtara na Vue CLI-3. Ọ dị mfe ijikọ ma nwee ọtụtụ ngwa UI enwere ike iji ya dị ka carousels, igodo, na kaadị. Vuetify bụ isi mmalite yana ihe karịrị 29k kpakpando na Github yana nbudata 319,170 kwa izu na NPM.

 

3. Chakra UI Vue

 

Chakra UI bụ ọba akwụkwọ akụrụngwa dị mfe ma dị mfe nke na-enye gị ngwaọrụ iji wuo ngwa Vue ngwa ngwa na ngwa ngwa.

 

Enwere ike ịnweta akụrụngwa niile (ọ na-agbaso ụkpụrụ WAI-ARIA nke ọma), isiokwu nwere ike ime, yana nke enwere ike ịmekọrịta. Ọ na-akwado ụdị anabatara site na igbe ma ọ dabara na ọnọdụ gbara ọchịchịrị.

 

Chakra UI nwekwara ihe nhazi nhazi dị ka CBox na CStack nke na-eme ka ọ dị mfe ịke ngwa gị site na ịgafe ihe nkwado. Ọ na-enye gị ohere ibubata akụrụngwa Chakra UI Vue na-eji ngwa ngwa ngwa weebụ. Ọ bụ isi mmalite mepere emepe ma nwee kpakpando 900+ na Github yana nbudata 331 kwa izu na NPM.

 

4. Bootstrap Vue

 

BootstrapVue, Site na BootstrapVue ị nwere ike wulite ọrụ nnabata, ekwentị-mbụ na ARIA na webụ site na iji Vue.js na ọbá akwụkwọ CSS n'ihu ama ama - Bootstrap. Akwụkwọ dị mfe nghọta na ọ dịkwa mfe ịtọlite. Ọ na-eme mmejuputa atumatu n'ihu ngwa ngwa.

 

Ọ na-enye akụrụngwa 85+, ihe karịrị 45 plugins dị, ọtụtụ ntụziaka na akara ngosi 1000+. Ọ na-enyekwa ihe ndị na-arụ ọrụ ahaziri maka nhazi na imewe na-anabata. ị nwekwara ike itinye ngwa ngwa BootstrapVue n'ime ọrụ Nuxt.js gị site na iji Nuxt.js modul.

 

A na-ejikwa ya n'otu ụzọ ahụ ka a na-eji usoro CSS bootstrap. Emebere ya na Github nwere ihe dị ka kpakpando 12.9k na ndụdụ 1.7k.

 

5. Vuesax

 

Vuesax bụ usoro ihe eji arụ ọrụ UI ọhụrụ emebere na Vuejs iji rụọ ọrụ dị mfe yana ụdị pụrụ iche na nke na-atọ ụtọ, vuesax bụ nke emepụtara site na ọkọ ma hazie ya maka ụdị mmepe niile site na onye hụrụ ihu n'ihu ruo na azụ azụ onye chọrọ imepụta ụzọ ha anya ngwa ngwa. onye njedebe. Atụmatụ ndị ahụ pụrụ iche maka akụkụ nke ọ bụla na anaghị etinye aka na usoro ọhụụ ọ bụla ma ọ bụ iwu imewe, na-eme ka ọrụ ndị ejiri ya rụọ ọrụ pụrụ iche.

 

ọ na-enye ibe ndị na-anabataghachi yana ngwa UI nwere ike iji ya na nhazi ya. Ọ dịkwa mfe ịmalite site na iji npm ma ọ bụ CDN. Ọ naghị akwado Vue CLI 3 ugbu a na ụdị ọhụrụ ya. Emebere ya na Github nwere ihe dị ka kpakpando 4.9k yana nbudata NPM 6700 kwa izu.

 

6. Ant Design Vue

 

Ant Design vue dabere na nkọwapụta Ant Design, Ant design vue bụ ọba akwụkwọ UI nke nwere ọtụtụ akụrụngwa dị elu yana ihe ngosi maka iwulite oghere ndị ọrụ bara ụba na mmekọrịta.

 

Ant-design-vue na-enye ọtụtụ ihe UI iji mee ka ngwa weebụ gị dị ka Skeleton, drawer, statistics na ọtụtụ ndị ọzọ.

 

Site na mwepụta nke ant design vue version 2 n'oge na-adịbeghị anya, emelitere ya ka ọ dị ngwa ma dị mfe ijikọ ọnụ, nha ùkwù pere mpe, yana kwadokwa Vue 3, New Composition API akwụkwọ. Ọ na-akwado ihe nchọgharị weebụ ọgbara ọhụrụ, Rendering n'akụkụ nkesa, na elektrọn. O nwere ihe karịrị kpakpando 13k na Github yana nbudata NPM 39,693 kwa izu.

 

7. Quasar

 

Quasar bụ otu n'ime usoro Vue UI kachasị mma nke na-enye ndị mmepe ohere iji otu isi koodu isi maka nyiwe niile site na Quasar CLI nwere omume kachasị mma na igbe ahụ. Ọ na-ahapụ ndị mmepe ka ha lekwasị anya na ọdịnaya ngwa ha karịa ihe ndị ọzọ eji esi mmiri ọkụ (sistemụ wuo, okirikiri nhọrọ ukwuu) gburugburu ya. ọ lekwasịrị anya n'ịgbaso ụkpụrụ nduzi ihe 2.0 ma nweekwa obodo nkwado.

 

Otu n'ime ihe pụrụ iche gbasara Quasar bụ ikike ịde koodu otu ugboro ma tinye ya n'otu oge dịka weebụsaịtị, ngwa mkpanaka na-eji naanị otu codebase. Enwekwara ụdị ọhụrụ ugbu a na beta nke ga-akwado atụmatụ vue 3. O nwere ihe dị ka kpakpando 17.8k na Github.

 

8. Buefy

 

Buefy bụ ọba akwụkwọ akụrụngwa UI dị fechaa maka Vue JS dabere na Bulma (usoro CSS). Buefy na-ejikọta Bulma na Vue, na-enyere gị aka ịmepụta ngwa mara mma site na iji obere koodu. ọ bụ oyi akwa javascript maka interface Bulma gị.

 

Enwere ike ibubata ya kpamkpam ma ọ bụ otu ihe na ibe weebụ nkịtị. Ijikọ ya na ọrụ gị dị mfe, enwere ike iji npm ma ọ bụ CDN mee ya.

 

Buefy na-enye akụrụngwa UI emebere, nhazi na akara ngosi. Akụkụ ndị ahụ nwere ike iji SASS na isiokwu gị. Ọ na-akwado ihe nchọgharị ọgbara ọhụrụ.

 

9. Vue ihe

 

Vue Material bụ usoro a na-ejikarị, dị fechaa nke na-emejuputa nkọwapụta ihe eji eme ihe. Ọ bụ otu n'ime ihe kacha mma mwekota n'etiti Vue.js na Material Design ụdịdị! Ị nwere ike hazie ya ngwa ngwa ka ọ dabara mkpa gị niile site na API dị mfe.

 

Ọ dakọtara na nhazi na nkwado maka ihe nchọgharị Weebụ ọgbara ọhụrụ niile. E kewara ọba akwụkwọ ahụ ka ọ bụrụ Gburugburu, Ngwa, na Ihe UI. Isiokwu ndị a na-enye ntụzịaka doro anya maka otu esi eme isiokwu ngwa gị (ma ọ bụ dee isiokwu nke gị) yana Ngwa na UI Elements nwere nhazi, igodo, akara edemede, akara ngosi, na ngwa 30 ndị ọzọ. Ọ nwere ihe dị ka kpakpando 9.2k na ndụdụ 1.1k na Github yana nbudata NPM 21k kwa izu.

 

10. KeenUI

 

KeenUI bụ ọbá akwụkwọ UI dị fechaa nke nwere API dị mfe, sitere n'ike mmụọ nsọ nke Google's Material Design. Keen UI abụghị usoro CSS. Ya mere, ọ naghị agụnye ụdị maka usoro grid, typography, wdg. Kama, ihe a na-elekwasị anya bụ ihe mmekọrịta nke chọrọ Javascript.

 

Ọ nwere ihe dị ka ihe 30 reusable components. A na-emezi ihe ndị a site na iji mgbanwe SASS na-ewepụ ụdị ndị ahụ. ị nwere ike itinye ya na ọrụ gị site na iji CDN ma ọ bụ npm. Emebere ya ma nwee ihe dị ka kpakpando 4k na Github.

 

mmechi

 

Ọbá akwụkwọ mpaghara UI na-eme ka ịrụpụta ọrụ dị mfe karị. Ịhọrọ nke ziri ezi na-adabere na njirimara nke ọrụ ahụ ịchọrọ ịrụ ọrụ na ya. Tupu ịbanye n'ime ọrụ ọhụrụ, ọ dị mma ka mmadụ nyochaa ọba akwụkwọ akụrụngwa UI nke kacha dabara adaba maka ebumnuche a.