Mae Vue JS yn fframwaith JavaScript blaengar a ddefnyddir i ddatblygu cymwysiadau un dudalen (SPAs) a Rhyngwynebau Defnyddwyr. Ac mae'n un o'r fframweithiau pen blaen a ddefnyddir fwyaf.
Un nodwedd ddiddorol o Vue yw ei allu i dorri tudalen we yn wahanol gydrannau. Ac mae'r broses hon yn dod yn symlach gyda'r defnydd o lyfrgelloedd cydrannau UI.
Mae yna amrywiol lyfrgelloedd cydrannau UI a all eich helpu i greu cydrannau yn hawdd ac yn gyflym. Felly yn y blog hwn, rydyn ni'n mynd i adolygu'r 10 Llyfrgell Gydrannol Vue UI orau ar gyfer 2021.
1. PrimeVue
Mae PrimeVue yn Llyfrgell Cydran Vue UI syml i'w defnyddio, amlbwrpas a pherfformiwr sy'n eich helpu i adeiladu rhyngwynebau defnyddiwr anhygoel.
Mae ganddo dros 80+ o gydrannau UI gyda chefnogaeth lawn i Ganllawiau Hygyrchedd Cynnwys Gwe (WCAG) a dyluniad ymatebol. A diolch i ddiweddariad diweddar, mae gan y llyfrgell bellach gefnogaeth lawn i Vue 3. Cafodd hefyd lawer mwy o gydrannau.
Un o'r pethau gorau am Primevue yw ei ystod eang o gydrannau. Maent yn amrywio o dablau a thudalwyr i siartiau trefniadaeth graff crefftus y gallwch eu defnyddio i greu apiau Vue rhyngweithiol. Mae'n ffynhonnell agored ac mae ganddo 1k+ o sêr ar Github a 6,983 o lawrlwythiadau wythnosol ar NPM.
2. Vuetify
Mae Vuetify yn Llyfrgell Vue UI gyda Chydrannau hardd wedi'u gwneud â llaw sy'n defnyddio'r fanyleb Dylunio Deunydd. Mae hyn yn golygu ei fod wedi'i ddatblygu'n union yn unol â'r manylebau Dylunio Deunydd gyda phob cydran wedi'i saernïo'n fanwl i fod yn fodiwlaidd, yn ymatebol ac yn berfformiwr.
Mae Vuetify yn caniatáu ichi addasu'ch cymwysiadau gyda chynlluniau unigryw a deinamig a pherffeithio arddulliau'ch cydrannau gan ddefnyddio newidynnau SASS.
Mae hefyd yn cefnogi canllawiau hygyrchedd, pob porwr modern, ac mae'n gydnaws â Vue CLI-3. Mae'n hawdd ei integreiddio ac mae ganddo lawer o gydrannau UI y gellir eu hailddefnyddio fel carwseli, llywio a chardiau. Mae Vuetify yn ffynhonnell agored a gyda dros 29k o sêr ar Github a 319,170 o lawrlwythiadau wythnosol ar NPM.
3. Chakra UI Vue
Mae Chakra UI yn llyfrgell gydrannau fodiwlaidd syml a hygyrch sy'n rhoi'r offer i chi adeiladu cymwysiadau Vue yn gyflym ac yn hawdd.
Mae'r holl gydrannau'n hygyrch (mae'n dilyn safonau WAI-ARIA yn llym), yn thema a chyfansoddadwy. Mae'n cefnogi arddulliau ymatebol allan o'r bocs ac mae'n gydnaws modd tywyll.
Mae Chakra UI hefyd yn cynnwys set o gydrannau cynllun fel CBox a CStack sy'n ei gwneud hi'n hawdd steilio'ch cydrannau trwy basio propiau. Mae hefyd yn caniatáu ichi fewnforio cydrannau Chakra UI Vue yn awtomatig gan ddefnyddio datrysiad ategyn pecyn gwe. Mae'n ffynhonnell agored ac mae ganddo 900+ o sêr ar Github a 331 o lawrlwythiadau wythnosol ar NPM.
4. Bootstrap Vue
BootstrapVue, Gyda BootstrapVue gallwch adeiladu prosiectau ymatebol, symudol-gyntaf, ac ARIA hygyrch ar y we gan ddefnyddio Vue.js a'r llyfrgell CSS pen blaen poblogaidd - Bootstrap. Mae'r ddogfennaeth yn hawdd i'w deall ac mae hefyd yn hawdd ei sefydlu. Mae'n gwneud gweithrediadau pen blaen yn cael eu gwneud yn gyflymach.
Mae'n cynnig 85+ o gydrannau, dros 45 o ategion sydd ar gael, sawl cyfarwyddeb, a 1000+ o eiconau. Mae hefyd yn darparu cydrannau swyddogaethol wedi'u teilwra ar gyfer cynlluniau a dyluniad ymatebol. gallwch hefyd integreiddio BootstrapVue yn hawdd i'ch prosiectau Nuxt.js gan ddefnyddio'r modiwl Nuxt.js.
Mae hefyd yn cael ei ddefnyddio yn yr un ffordd ag y mae fframwaith CSS bootstrap yn cael ei ddefnyddio. Mae'n ffynhonnell agored ar Github gyda thua 12.9k o sêr a ffyrc 1.7k.
5. Vuesax
Mae Vuesax yn fframwaith cydran UI newydd a grëwyd gyda Vuejs i wneud prosiectau'n hawdd a chydag arddull unigryw a dymunol, mae vuesax yn cael ei greu o'r dechrau a'i ddylunio ar gyfer pob math o ddatblygwyr o'r cariad blaen i'r backend sydd am greu eu hagwedd weledol yn hawdd at y defnyddiwr terfynol. Mae'r dyluniadau yn unigryw ar gyfer pob cydran ac nid ydynt wedi'u hangori i unrhyw dueddiadau gweledol na rheolau dylunio, gan wneud prosiectau a adeiladwyd ag ef yn unigryw hefyd.
mae'n cynnig tudalennau ymatebol a chydrannau UI y gellir eu hailddefnyddio ac y gellir eu haddasu. Mae hefyd yn hawdd dechrau naill ai gan ddefnyddio npm neu CDN. Ar hyn o bryd nid yw'n cefnogi Vue CLI 3 yn ei fersiwn diweddar. Mae'n ffynhonnell agored ar Github gyda thua 4.9k o sêr a 6700 o lawrlwythiadau wythnosol NPM.
6. Ant Design Vue
Ant Design vue yn seiliedig ar y fanyleb Ant Design, mae Ant design vue yn llyfrgell rhyngwyneb defnyddiwr vue sy'n cynnwys set o gydrannau a demos o ansawdd uchel ar gyfer adeiladu rhyngwynebau defnyddwyr rhyngweithiol cyfoethog.
Mae Ant-design-vue yn darparu digon o gydrannau UI i gyfoethogi'ch cymwysiadau gwe fel Sgerbwd, drôr, ystadegau a llawer mwy.
Gyda rhyddhau fersiwn 2 ant design vue yn ddiweddar, mae wedi'i ddiweddaru i fod yn gyflymach ac yn haws i'w integreiddio, maint bwndel yn llai, ac mae hefyd yn cefnogi dogfen API Cyfansoddiad Newydd Vue 3. Mae hefyd yn cefnogi porwyr gwe modern, Rendro ochr y gweinydd, ac electron. Mae ganddo dros 13k o sêr ar Github ac ar 39,693 o lawrlwythiadau wythnosol NPM.
7. Quasar
Quasar yw un o'r fframweithiau Vue UI gorau sy'n caniatáu i ddatblygwyr ddefnyddio un sylfaen cod ffynhonnell ar gyfer pob platfform trwy Quasar CLI gyda'r arferion gorau allan o'r bocs. Mae'n gadael i ddatblygwyr ganolbwyntio ar gynnwys eu App yn hytrach na'r holl bethau platio boeler eraill (system adeiladu, cynllun) o'i gwmpas. mae'n canolbwyntio ar ddilyn canllawiau Deunydd 2.0 ac mae ganddo hefyd gymuned gefnogol iawn.
Un o'r pethau arbennig am Quasar yw'r gallu i ysgrifennu cod unwaith a'i ddefnyddio ar yr un pryd fel gwefan, Ap Symudol gan ddefnyddio un sylfaen cod yn unig. Mae fersiwn newydd hefyd mewn beta ar hyn o bryd a fyddai'n cefnogi nodweddion vue 3. Mae ganddo tua 17.8k o sêr ar Github.
8. Buefy
Mae Buefy yn llyfrgell gydrannau UI ysgafn ar gyfer Vue JS yn seiliedig ar Bulma (fframwaith CSS). Mae Buefy yn cyfuno Bulma â Vue, gan eich helpu i adeiladu cymwysiadau sy'n edrych yn dda gan ddefnyddio'r cod lleiaf posibl. dyma'r haen javascript ar gyfer eich rhyngwyneb Bulma.
Gellir ei fewnforio naill ai'n gyfan gwbl neu gydrannau sengl ar dudalen we arferol. Mae'n eithaf hawdd ei integreiddio i'ch prosiect, gellir ei wneud naill ai gan ddefnyddio npm neu CDN.
Mae Buefy yn darparu cydrannau UI parod, cynllun ac eiconau. Gall y cydrannau ddefnyddio SASS i'ch thema. Mae hefyd yn cefnogi porwyr modern.
9. Deunydd Vue
Mae Vue Material yn fframwaith ysgafn a ddefnyddir yn eang sy'n gweithredu'r manylebau Dylunio Deunydd. Mae'n un o'r integreiddio gorau rhwng manylebau Vue.js a Dylunio Deunydd! Gallwch chi ei ffurfweddu'n hawdd i weddu i'ch holl anghenion trwy API hawdd.
Mae'n gydnaws â dyluniad ymatebol a chefnogaeth i bob Porwr Gwe modern. Rhennir y llyfrgell yn Themâu, Cydrannau, ac Elfennau UI. Mae'r themâu yn rhoi canllaw diffiniol ar sut i thema eich cais (neu ysgrifennu eich themâu eich hun) ac mae'r Elfennau a'r Elfennau UI yn cynnwys cynlluniau, llywio, teipograffeg, eiconau, a 30 cydran arall. Mae ganddo tua 9.2k o sêr a ffyrc 1.1k ar Github a 21k + lawrlwythiadau wythnosol NPM.
10. KeenUI
Mae KeenUI yn llyfrgell UI vue.js ysgafn gydag API syml, wedi'i ysbrydoli gan Dylunio Deunydd Google. Nid yw Keen UI yn fframwaith CSS. Felly, nid yw'n cynnwys arddulliau ar gyfer system grid, teipograffeg, ac ati. Yn hytrach, mae'r ffocws ar gydrannau rhyngweithiol sydd angen Javascript.
Mae ganddo tua 30 o gydrannau y gellir eu hailddefnyddio. Gellir addasu'r cydrannau trwy ddiystyru'r arddulliau gan ddefnyddio newidynnau SASS. gallwch ei integreiddio i'ch prosiect naill ai gan ddefnyddio CDN neu npm. Mae'n ffynhonnell agored ac mae ganddo tua 4k o sêr ar Github.
Casgliad
Mae llyfrgelloedd cydrannau UI yn bendant yn gwneud adeiladu allan prosiect yn llawer haws. Mae dewis yr un iawn yn dibynnu ar nodweddion y prosiect rydych chi am weithio arno. Cyn plymio i mewn i brosiect newydd, mae'n ddoeth i un adolygu'r llyfrgell cydrannau UI sydd fwyaf addas at y diben.