Vue JS waa qaab dhismeed horusocod ah oo JavaScript ah kaas oo loo isticmaalo in lagu horumariyo codsiyada hal bog ah (SPAs) iyo Interfaces User. Oo waa mid ka mid ah qaab-dhismeedka hore ee aadka loo isticmaalo.

 

Mid ka mid ah muuqaalada xiisaha leh ee Vue waa awooda ay u leedahay in ay u jajabiso bogga internetka qaybo kala duwan. Habkani wuxuu noqonayaa mid fudud iyadoo la adeegsanayo maktabadaha qaybta UI.

 

Waxaa jira maktabado kala duwan oo ka kooban UI kuwaas oo kaa caawin kara inaad u abuurto qaybo si fudud oo degdeg ah. Markaa balooggan, waxaanu dib u eegis ugu samayn doonaa 10ka ugu sarreeya ee Vue UI Qaybaha Maktabadaha ee 2021.

 

1. PrimeVue

 

PrimeVue waa mid fudud in la isticmaalo, wax ku ool ah, oo wax qabad leh Vue UI Component Library kaas oo kaa caawinaya inaad dhisto isdhexgal isticmaale oo cajiib ah.

 

Waxay leedahay in ka badan 80+ qaybood oo UI ah oo si buuxda u taageersan Tilmaamaha Helitaanka Mawduuca Shabakadda (WCAG) iyo nakhshad jawaab celin leh. Waad ku mahadsan tahay cusbooneysiinta dhowaan, maktabaddu hadda waxay si buuxda u taageertaa Vue 3. Waxay sidoo kale heshay qaybo badan oo badan.

 

Mid ka mid ah waxyaabaha ugu wanaagsan ee ku saabsan Primevue waa qaybaheeda kala duwan ee kala duwan. Waxay u dhexeeyaan jaantusyada iyo paginators ilaa jaantusyada ururrada garaaf-ku-salaysan ee si wanaagsan loo farsameeyay oo aad isticmaali karto si aad u abuurto abka Vue is-dhexgal leh. Waa il furan oo waxay ku leedahay 1k+ xiddigood Github iyo 6,983 la soo dejiyo toddobaadle ah NPM.

 

2. Vuetify

 

Vuetify waa Maktabada Vue UI oo leh qalab si qurux badan loo farsameeyay oo adeegsada qeexida Naqshad Shayga. Tani waxay ka dhigan tahay in si sax ah loo sameeyay iyadoo loo eegayo qeexida Nakhshad Walxaha iyada oo qayb kasta si taxadar leh loogu habeeyey inay noqoto mid habaysan, jawaab celin leh, iyo hawl qabad.

 

Vuetify wuxuu kuu ogolaanayaa inaad ku beddelato codsiyadaada qaab-dhismeed gaar ah oo firfircoon oo aad ku dhammaystirto qaababka qaybahaaga adigoo isticmaalaya doorsoomayaasha SASS.

 

Waxa kale oo ay taageertaa tilmaamaha gelitaanka, dhammaan daalacayaasha casriga ah, oo waxay la jaan qaadayaan Vue CLI-3. Way fududahay in la isku daro oo waxay leedahay qaybo badan oo UI ah oo dib loo isticmaali karo sida carousels, navigation, iyo kaararka. Vuetify waa il furan oo in ka badan 29k xiddigood ku leh Github iyo 319,170 la soo dejiyo todobaadle ah NPM.

 

3. Chakra UI Vue

 

Chakra UI waa maktabad qaybeed fudud oo la heli karo oo ku siinaysa qalabka aad ku dhisto codsiyada Vue si dhakhso leh oo fudud.

 

Dhammaan qaybaha waa la heli karaa (waxay si adag u raacdaa heerarka WAI-ARIA), mawduucyo, iyo la isku dari karo. Waxay taageertaa qaabab jawaab celin ah oo ka baxsan sanduuqa waxayna ku habboon tahay qaabka mugdiga.

 

Chakra UI waxa kale oo ka kooban qaybo qaabayneed sida CBox iyo CStack kuwaas oo fududaynaya qaabaynta qaybahaaga adoo gudbinaya agabka. Waxa kale oo ay kuu ogolaanaysaa inaad si toos ah u soo dejiso qaybaha Chakra UI Vue adoo isticmaalaya xal plugin. Waa il-furan oo waxay ku leedahay 900+ xiddigood Github iyo 331 toddobaadle ah oo lasoo dejiyo NPM.

 

4. Bootstrap Vue

 

BootstrapVue, BootstrapVue waxaad ku dhisi kartaa jawaab celin, mobiil-koowaad, iyo ARIA mashruucyo laga heli karo shabakada adoo isticmaalaya Vue.js iyo maktabada CSS-da ee caanka ah - Bootstrap. Dukumeentigu waa sahlan tahay in la fahmo oo sidoo kale waa sahlan tahay in la dejiyo. Waxay ka dhigaysaa fulinta hore ee fulinta si dhakhso leh.

 

Waxay bixisaa 85+ qaybood, in ka badan 45 plugins oo la heli karo, dardaaranno dhowr ah, iyo 1000+ astaamood. Waxa kale oo ay bixisaa qaybo shaqaynaysa oo loogu talagalay qaabaynta iyo nakhshad jawaab celin leh. Waxa kale oo aad si fudud ugu dari kartaa BootstrapVue mashaariicdaada Nuxt.js adiga oo isticmaalaya moduleka Nuxt.js.

 

Waxa kale oo loo isticmaalaa si la mid ah sida qaabka bootstrap CSS loo isticmaalo. Waxay ka furan tahay Github oo leh ilaa 12.9k xiddigood iyo 1.7k fargeeto ah.

 

5. Vuesax

 

Vuesax waa qaab dhismeed cusub oo UI ah oo loo sameeyay Vuejs si ay u sameeyaan mashruucyo si fudud oo leh qaab gaar ah oo wacan, vuesax waxaa laga sameeyay xoq waxaana loogu talagalay dhammaan noocyada horumariyayaal laga bilaabo jacaylka hore ilaa dhabarka kuwaas oo doonaya inay si fudud u abuuraan qaabkooda muuqaal isticmaalaha ugu dambeeya. Naqshaduhu waa kuwo u gaar ah qayb kasta oo aan ku xidhnayn wax isbeddello muuqaal ah ama xeerarka naqshadaynta, samaynta mashaariicda lagu dhisay sidoo kale mid gaar ah.

 

waxay bixisaa bogag jawaab celin ah iyo qaybo UI ah oo dib loo isticmaali karo oo la beddeli karo. Sidoo kale way fududahay in lagu bilaabo adiga oo isticmaalaya npm ama CDN. Hadda kuma taageerto Vue CLI 3 noockeedii dhawaa. Waxay ka furan tahay Github oo leh ilaa 4.9k xiddigood iyo 6700 oo lasoo dejiyo todobaadle ah NPM.

 

6. Ant Design Vue

 

Ant Design vue oo ku salaysan qeexida Naqshad Qudhaanjadu, Ant design vue waa maktabad UI UI oo ka kooban qaybo tayo sare leh iyo bandhigyo dhismo qani ah, is dhexgal isticmaale.

 

Ant-design-vue waxa ay siisaa qaybo badan oo UI ah si ay u xoojiso codsiyadaada webka sida Qalfoofka, khaanadaha, statistics iyo wax kaloo badan.

 

Iyadoo dhawaan la sii daayay nooca qudhaanjada vue nooca 2, waxa la cusboonaysiiyay si ay u noqoto mid dhakhso badan oo sahlan in la isku daro, cabbir yar oo xidhmo ah, iyo sidoo kale waxay taageertaa Vue 3, dukumeenti Cusbooneysii API. Waxa kale oo ay taageertaa daalacashada shabakada casriga ah, Rendering dhinaca server-ka, iyo elektarooniga. Waxay ku leedahay in ka badan 13k xiddigood Github iyo 39,693 la soo dejiyo todobaadle ah NPM.

 

7. Quasar

 

Quasar waa mid ka mid ah qaababka ugu wanaagsan ee Vue UI kaas oo u oggolaanaya horumariyayaashu inay isticmaalaan hal saldhig koodhka ilaha dhammaan aaladaha iyada oo loo marayo Quasar CLI oo leh dhaqamada ugu fiican ee ka baxsan sanduuqa. Waxay u ogolaataa horumariyayaashu inay diirada saaraan waxa ku jira App-ka halkii ay ka ahaan lahaayeen dhammaan walxaha kale ee kuleyliyaha (nidaamka dhismaha, qaabaynta) ee ku wareegsan. waxa ay diirada saartaa raacitaanka tilmaamaha Material 2.0 sidoo kale waxa ay leedahay bulsho aad u taageerta.

 

Mid ka mid ah waxyaabaha gaarka ah ee ku saabsan Quasar waa awooda lagu qoro koodka hal mar isla markaana isla mar ahaantaana loo diro degel ahaan, Mobile App-ka iyadoo la adeegsanayo hal codebase. Waxa kale oo jira nooc cusub oo hadda ku jira beta kaas oo taageeri doona vue 3 sifooyinka. Waxay ku leedahay Github ilaa 17.8k xiddigood.

 

8. Buefy

 

Buefy waa maktabadda qaybaha UI ee fudud ee Vue JS oo ku salaysan Bulma (qaabka CSS). Buefy waxay ku darsataa Bulma iyo Vue, kaa caawinaysa inaad dhisto codsiyo qurux badan adoo isticmaalaya koodka ugu yar. waa lakabka Javascript ee interface kaaga Bulma.

 

Waxaa la soo dejin karaa gebi ahaan ama hal qaybood oo ka mid ah bogga caadiga ah. Ku dhex-gelinta mashruucaaga aad bay u fududahay, waxaana lagu samayn karaa npm ama CDN.

 

Buefy wuxuu bixiyaa qaybaha UI oo diyaarsan, qaabaynta, iyo astaanta Qaybuhu waxay u isticmaali karaan SASS mawduucaaga. Waxa kale oo ay taageertaa daalacashada casriga ah.

 

9. Vue Material

 

Vue Material waa qaab qaabaysan oo si weyn loo isticmaalo, fufud kaas oo fuliya qeexida Nakhshad Walxaha. Waa mid ka mid ah is dhexgalka ugu wanaagsan ee u dhexeeya Vue.js iyo Naqshadeynta Qalabka! Waxaad si fudud ugu habayn kartaa si ay ugu habboonaato dhammaan baahiyahaaga API fudud.

 

Waxa ay la jaanqaadi kartaa nakhshad ka jawaabaya iyo taageerada dhammaan daalacashada mareegta casriga ah. Maktabadu waxay u qaybsantaa Mawduucyada, Qaybaha, iyo Qaybaha UI. Mawduucyada waxay bixiyaan hage qeexan oo ku saabsan sida loo dulucda codsigaaga (ama u qor mawduucyadaada) iyo Qaybaha iyo UI Elements waxay ka kooban yihiin qaabayn, hagitaan, qoraal-qoris, astaamo, iyo 30 qaybood oo dheeraad ah. Waxay haysataa ilaa 9.2k xiddigood iyo 1.1k fargeeto Github ah iyo 21k + soo dejin todobaadle ah NPM.

 

10. KeenUI

 

KeenUI waa maktabad fufud vue.js UI leh API fudud, oo ay dhiirigelisay Naqshadeynta Qalabka Google. Keen UI maaha qaab-dhismeedka CSS. Sidaa darteed, kuma jiraan qaababka nidaamka grid, typography, iwm. Taa beddelkeeda, diiradda la saarayo qaybaha isdhexgalka ee u baahan Javascript.

 

Waxay leedahay ilaa 30 qaybood oo dib loo isticmaali karo. Qaybaha waa la beddeli karaa iyadoo la tirtirayo qaababka iyadoo la isticmaalayo doorsoomayaasha SASS. waxaad ku dari kartaa mashruucaaga adigoo isticmaalaya CDN ama npm. Waa il-furan oo waxay ku leedahay Github ilaa 4k xiddigood.

 

Ugu Dambeyn

 

Maktabadaha qaybta UI ayaa hubaal ka dhigaya samaynta mashruuca mid aad u fudud. Doorashada saxda ah waxay kuxirantahay sifooyinka mashruuca aad rabto inaad ka shaqeyso. Kahor intaadan quusin mashruuc cusub, waxaa lagu talinayaa in qofku dib u eego maktabadda qaybta UI oo ku habboon ujeedada.