Vue JS ni mfumo unaoendelea wa JavaScript ambao unatumiwa kutengeneza programu za ukurasa mmoja (SPAs) na Violesura vya Watumiaji. Na ni mojawapo ya mifumo ya mbele inayotumika sana huko nje.
Kipengele kimoja cha kuvutia cha Vue ni uwezo wake wa kuvunja ukurasa wa tovuti katika vipengele tofauti. Na mchakato huu unakuwa rahisi kwa matumizi ya maktaba ya sehemu ya UI.
Kuna maktaba mbalimbali za vipengele vya UI ambazo zinaweza kukusaidia kuunda vipengele kwa urahisi na haraka. Kwa hivyo katika blogu hii, tutakagua Maktaba 10 bora za Kipengele cha UI cha 2021.
1. PrimeVue
PrimeVue ni Maktaba ya Kipengele cha UI rahisi kutumia, yenye matumizi mengi, na inayofanya kazi ambayo hukusaidia kuunda violesura vya kupendeza vya watumiaji.
Ina zaidi ya vipengee 80+ vya UI vilivyo na usaidizi kamili wa Miongozo ya Ufikiaji wa Maudhui ya Wavuti (WCAG) na muundo unaoitikia. Na kutokana na sasisho la hivi majuzi, maktaba sasa ina usaidizi kamili wa Vue 3. Pia ilipata rundo la vipengele zaidi.
Moja ya mambo bora kuhusu Primevue ni anuwai ya vifaa. Zinatofautiana kutoka kwa majedwali na wasanifu hadi chati za shirika zenye msingi wa grafu ambazo unaweza kutumia ili kuunda programu shirikishi za Vue. Ni chanzo huria na ina nyota 1k+ kwenye Github na vipakuliwa 6,983 vya kila wiki kwenye NPM.
2. Vuetify
Vuetify ni Maktaba ya UI ya Vue iliyo na Vipengee vilivyoundwa kwa mikono vinavyotumia vipimo vya Usanifu Bora. Hii inamaanisha kuwa imeundwa kulingana na ubainifu wa Usanifu wa Nyenzo na kila kijenzi kimeundwa kwa ustadi kuwa wa msimu, itikio na utendakazi.
Vuetify hukuruhusu kubinafsisha programu zako kwa miundo ya kipekee na inayobadilika na kukamilisha mitindo ya vipengee vyako kwa kutumia vigeuzo vya SASS.
Pia inasaidia miongozo ya ufikivu, vivinjari vyote vya kisasa, na inaoana na Vue CLI-3. Ni rahisi kujumuisha na ina vipengee vingi vya UI vinavyoweza kutumika tena kama vile misururu, urambazaji na kadi. Vuetify ni chanzo huria na ina zaidi ya nyota 29k kwenye Github na vipakuliwa 319,170 vya kila wiki kwenye NPM.
3. Chakra UI Vue
Chakra UI ni maktaba rahisi ya msimu na inayoweza kufikiwa ambayo hukupa zana za kuunda programu za Vue haraka na kwa urahisi.
Vipengee vyote vinaweza kufikiwa (hufuata viwango vya WAI-ARIA kabisa), vina mandhari, na vinaweza kutungwa. Inaauni mitindo ya kuitikia nje ya kisanduku na inaoana katika hali ya giza.
Chakra UI pia ina seti ya vipengee vya mpangilio kama vile CBox na CStack ambavyo hurahisisha kuweka muundo wa vipengee vyako kwa kupitisha vifaa. Pia hukuruhusu kuagiza kiotomatiki vipengele vya Chakra UI Vue kwa kutumia suluhisho la programu-jalizi ya pakiti ya wavuti. Ni chanzo huria na ina nyota 900+ kwenye Github na vipakuliwa 331 kwa wiki kwenye NPM.
4. Bootstrap Vue
BootstrapVue, Ukiwa na BootstrapVue unaweza kuunda miradi sikivu, ya kwanza ya rununu, na ARIA kwenye wavuti kwa kutumia Vue.js na maktaba maarufu ya mwisho ya CSS - Bootstrap. Nyaraka ni rahisi kuelewa na pia ni rahisi kusanidi. Inafanya utekelezaji wa mbele kufanywa haraka.
Inatoa vipengele 85+, zaidi ya programu-jalizi 45 zinazopatikana, maagizo kadhaa, na ikoni 1000+. Pia hutoa vipengele vya kazi vilivyolengwa kwa ajili ya mipangilio na muundo unaoitikia. unaweza pia kuunganisha kwa urahisi BootstrapVue kwenye miradi yako ya Nuxt.js kwa kutumia moduli ya Nuxt.js.
Pia inatumika kwa njia sawa na mfumo wa CSS wa bootstrap unatumiwa. Imepatikana kwenye Github na takriban nyota 12.9k na uma 1.7k.
5. Vuesax
Vuesax ni mfumo mpya wa kipengee cha UI ulioundwa na Vuejs kufanya miradi kwa urahisi na kwa mtindo wa kipekee na wa kupendeza, vuesax imeundwa kutoka mwanzo na iliyoundwa kwa ajili ya aina zote za wasanidi programu kutoka kwa wapenzi wa mbele hadi nyuma ambao wanataka kuunda kwa urahisi mbinu yao ya kuona. mtumiaji wa mwisho. Miundo hiyo ni ya kipekee kwa kila sehemu na haijaungwa mkono na mwelekeo wowote wa kuona au sheria za muundo, na kufanya miradi iliyojengwa nayo kuwa ya kipekee pia.
inatoa kurasa zinazojibu na vipengele vya UI vinavyoweza kutumika tena na vinavyoweza kubinafsishwa. Pia ni rahisi kuanza kwa kutumia npm au CDN. Kwa sasa haitumii Vue CLI 3 katika toleo lake la hivi majuzi. Inapatikana kwenye Github na takriban nyota 4.9k na vipakuliwa 6700 vya kila wiki vya NPM.
6. Ant Design Vue
Ant Design vue kulingana na vipimo vya Muundo wa Ant, Ant design vue ni maktaba ya Kiolesura cha vue ambayo ina seti ya vipengee vya ubora wa juu na onyesho kwa ajili ya kujenga miingiliano tajiri na inayoingiliana ya watumiaji.
Ant-design-vue hutoa vipengele vingi vya UI ili kuboresha programu zako za wavuti kama vile Skeleton, droo, takwimu na mengi zaidi.
Kwa toleo la hivi majuzi la toleo la 2 la ant design vue, limesasishwa kuwa la haraka na rahisi kuunganishwa, saizi ndogo ya vifurushi, na pia inasaidia Vue 3, hati ya API ya Muundo Mpya. Pia inasaidia vivinjari vya kisasa vya wavuti, Utoaji wa upande wa seva, na elektroni. Ina zaidi ya nyota 13k kwenye Github na kwenye vipakuliwa 39,693 vya kila wiki vya NPM.
7. Quasar
Quasar ni mojawapo ya mifumo bora ya Vue UI inayowaruhusu wasanidi programu kutumia msingi mmoja wa msimbo wa chanzo kwa mifumo yote kupitia Quasar CLI na mbinu bora zaidi nje ya boksi. Huwaruhusu wasanidi programu kuzingatia maudhui ya Programu yao badala ya vitu vingine vyote vya uwekaji wa boiler (mfumo wa kujenga, mpangilio) karibu nayo. inalenga kufuata miongozo ya Nyenzo 2.0 na pia ina jumuiya inayounga mkono sana.
Mojawapo ya mambo maalum kuhusu Quasar ni uwezo wa kuandika msimbo mara moja na kuipeleka kwa wakati mmoja kama tovuti, Programu ya Simu ya Mkononi kwa kutumia codebase moja tu. Pia kuna toleo jipya kwa sasa katika beta ambalo lingeauni vipengele vya vue 3. Ina takriban nyota 17.8k kwenye Github.
8. Buefy
Buefy ni maktaba nyepesi ya sehemu ya UI ya Vue JS kulingana na Bulma (mfumo wa CSS). Buefy inachanganya Bulma na Vue, kukusaidia kuunda programu zenye mwonekano mzuri kwa kutumia msimbo mdogo. ni safu ya javascript ya kiolesura chako cha Bulma.
Inaweza kuingizwa kabisa au sehemu moja kwenye ukurasa wa kawaida wa wavuti. Kuiunganisha kwenye mradi wako ni rahisi sana, inaweza kufanywa kwa kutumia npm au CDN.
Buefy hutoa vipengele vya UI vilivyotengenezwa tayari, mpangilio na ikoni. Vipengele vinaweza kutumia SASS kwa mada yako. Pia inasaidia vivinjari vya kisasa.
9. Vue Nyenzo
Nyenzo ya Vue ni mfumo unaotumika sana, na uzani mwepesi unaotekeleza vipimo vya Usanifu Bora. Ni mojawapo ya muunganisho bora kati ya Vue.js na vipimo vya Usanifu Bora! Unaweza kuisanidi kwa urahisi ili kukidhi mahitaji yako yote kupitia API rahisi.
Inaoana na muundo sikivu na usaidizi kwa Vivinjari vyote vya kisasa vya Wavuti. Maktaba imegawanywa katika Mandhari, Vipengele, na Vipengele vya UI. Mandhari hutoa mwongozo mahususi wa jinsi ya kuweka mada ya programu yako (au kuandika mada zako mwenyewe) na Vipengele na Vipengele vya UI vinajumuisha mipangilio, usogezaji, uchapaji, ikoni, na vipengele 30 zaidi. Ina takriban nyota 9.2k na uma 1.1k kwenye Github na 21k + vipakuliwa vya kila wiki vya NPM.
10. KeenUI
KeenUI ni maktaba nyepesi ya UI ya vue.js yenye API rahisi, iliyochochewa na Usanifu Bora wa Google. Keen UI sio mfumo wa CSS. Kwa hivyo, haijumuishi mitindo ya mfumo wa gridi ya taifa, uchapaji, n.k. Badala yake, lengo ni vipengele wasilianifu vinavyohitaji Javascript.
Ina takriban 30 vipengele vinavyoweza kutumika tena. Vipengele vinaweza kubinafsishwa kwa kubatilisha mitindo kwa kutumia vigeu vya SASS. unaweza kuiunganisha kwenye mradi wako ama kwa kutumia CDN au npm. Ina chanzo wazi na ina takriban nyota 4k kwenye Github.
Hitimisho
Maktaba za sehemu ya UI hakika hurahisisha ujenzi wa mradi. Kuchagua moja sahihi inategemea vipengele vya mradi unaotaka kufanyia kazi. Kabla ya kuingia kwenye mradi mpya, inashauriwa mtu kukagua maktaba ya sehemu ya UI ambayo inafaa zaidi kwa madhumuni hayo.