Is e frèam JavaScript adhartach a th’ ann an Vue JS a thathas a’ cleachdadh gus tagraidhean aon-dhuilleag (SPAn) agus Eadar-aghaidhean Cleachdaiche a leasachadh. Agus is e seo aon de na frèaman aghaidh as fharsainge a thathas a’ cleachdadh a-muigh an sin.

 

Is e aon fheart inntinneach de Vue a chomas duilleag-lìn a bhriseadh sìos gu diofar phàirtean. Agus bidh am pròiseas seo a’ fàs nas sìmplidhe le bhith a’ cleachdadh leabharlannan co-phàirteach UI.

 

Tha grunn leabharlannan co-phàirtean UI ann a chuidicheas tu gus co-phàirtean a chruthachadh gu furasta agus gu sgiobalta. Mar sin anns a’ bhlog seo, tha sinn gu bhith a’ dèanamh lèirmheas air na 10 Leabharlannan Co-phàirteach Vue UI as fheàrr airson 2021.

 

1. PrimeVue

 

Tha PrimeVue na Leabharlann Com-pàirt Vue UI sìmplidh ri chleachdadh, ioma-ghnìomhach agus dèanadach a chuidicheas tu gus eadar-aghaidh cleachdaiche uamhasach a thogail.

 

Tha còrr air 80+ co-phàirtean UI aige le làn thaic airson Stiùireadh Ruigsinneachd Susbaint Lìn (WCAG) agus dealbhadh freagairteach. Agus mar thoradh air ùrachadh o chionn ghoirid, tha làn thaic aig an leabharlann a-nis airson Vue 3. Fhuair e cuideachd grunn phàirtean eile.

 

Is e aon de na rudan as fheàrr mu Primevue an raon farsaing de phàirtean aige. Bidh iad a’ dol bho chlàran is luchd-duilleige gu clàran eagrachaidh le deagh dhealbh stèidhichte air graf as urrainn dhut a chleachdadh gus aplacaidean Vue eadar-ghnìomhach a chruthachadh. Tha e fosgailte agus tha rionnagan 1k + air Github agus luchdachadh sìos seachdaineil 6,983 air NPM.

 

2. Vuetify

 

Tha Vuetify na Leabharlann Vue UI le co-phàirtean breagha air an dèanamh le làimh a bhios a’ cleachdadh an t-sònrachadh Dealbhadh Stuth. Tha seo a’ ciallachadh gun deach a leasachadh gu dìreach a rèir mion-chomharrachadh Dealbhadh Stuth leis a h-uile pàirt air a dhealbhadh gu faiceallach gus a bhith modular, freagairteach agus coileanadh.

 

Leigidh Vuetify leat na tagraidhean agad a ghnàthachadh le cruth gun samhail agus fiùghantach agus foirfe a dhèanamh air stoidhlichean do phàirtean a’ cleachdadh caochladairean SASS.

 

Bidh e cuideachd a’ toirt taic do stiùiridhean ruigsinneachd, a h-uile brobhsair ùr-nodha, agus tha e co-chòrdail ri Vue CLI-3. Tha e furasta amalachadh agus tha tòrr phàirtean UI ath-chleachdadh ann leithid carousels, seòlaidhean agus cairtean. Tha Vuetify na stòr fosgailte agus le còrr air 29k rionnagan air Github agus 319,170 luchdachadh sìos seachdaineil air NPM.

 

3. Chakra UI Vue

 

Tha Chakra UI na leabharlann phàirtean modular sìmplidh agus ruigsinneach a bheir dhut na h-innealan gus tagraidhean Vue a thogail gu sgiobalta agus gu furasta.

 

Tha na pàirtean uile rim faighinn (tha e gu teann a’ leantainn inbhean WAI-ARIA), cuspaireil agus so-dhèanta. Bidh e a’ toirt taic do stoidhlichean freagairteach a-mach às a’ bhogsa agus tha e co-chosmhail ri modh dorcha.

 

Tha seata de cho-phàirtean cruth ann an Chakra UI cuideachd mar CBox agus CStack a tha ga dhèanamh furasta do phàirtean a stoidhleachadh le bhith a’ dol seachad air props. Leigidh e leat cuideachd co-phàirtean Chakra UI Vue a thoirt a-steach gu fèin-ghluasadach a’ cleachdadh fuasgladh plugan webpack. Tha e fosgailte agus tha 900+ rionnag air Github agus luchdachadh sìos 331 gach seachdain air NPM.

 

4. Bootstrap Vue

 

BootstrapVue, Le BootstrapVue faodaidh tu pròiseactan so-ruigsinneach, gluasadach-an-toiseach agus ARIA a thogail air an lìon a’ cleachdadh Vue.js agus an leabharlann CSS aig a bheil mòr-chòrdte - Bootstrap. Tha na sgrìobhainnean furasta a thuigsinn agus tha e furasta a stèidheachadh cuideachd. Bidh e a’ toirt air buileachadh aghaidh aghaidh a dhèanamh nas luaithe.

 

Tha e a’ tabhann 85+ co-phàirtean, còrr air 45 plugins a tha rim faighinn, grunn stiùiridhean, agus 1000+ ìomhaighean. Bidh e cuideachd a’ toirt seachad co-phàirtean gnìomh a tha air an dealbhadh airson dealbhadh agus dealbhadh freagairteach. faodaidh tu cuideachd BootstrapVue fhilleadh a-steach do na pròiseactan Nuxt.js agad a’ cleachdadh modal Nuxt.js.

 

Tha e cuideachd air a chleachdadh san aon dòigh ris a bheil frèam CSS bootstrap ga chleachdadh. Tha e fosgailte air Github le timcheall air rionnagan 12.9k agus forcaichean 1.7k.

 

5. Vuesax

 

Tha Vuesax na fhrèam co-phàirteach UI ùr a chaidh a chruthachadh le Vuejs gus pròiseactan a dhèanamh gu furasta agus le stoidhle gun samhail agus tlachdmhor, tha vuesax air a chruthachadh bhon fhìor thoiseach agus air a dhealbhadh airson a h-uile seòrsa de luchd-leasachaidh bho leannan aghaidh chun backend a tha airson an dòigh lèirsinneach aca a chruthachadh gu furasta. an neach-cleachdaidh deireannach. Tha na dealbhaidhean gun samhail airson gach pàirt agus chan eil iad air acair do ghluasadan lèirsinneach no riaghailtean dealbhaidh, a’ dèanamh phròiseactan a tha air an togail leis gun samhail cuideachd.

 

tha e a’ tabhann duilleagan freagairteach agus co-phàirtean UI ath-chleachdadh agus gnàthaichte. Tha e furasta cuideachd tòiseachadh le bhith a’ cleachdadh npm no CDN. Chan eil e an-dràsta a’ toirt taic do Vue CLI 3 san dreach ùr aige. Tha e fosgailte air Github le timcheall air rionnagan 4.9k agus 6700 luchdachadh sìos seachdaineil NPM.

 

6. Ant Design Vue

 

Ant Design vue stèidhichte air sònrachadh Ant Design, tha Ant design vue na leabharlann vue UI anns a bheil seata de cho-phàirtean àrd-inbhe agus demos airson eadar-aghaidh cleachdaiche beairteach, eadar-ghnìomhach a thogail.

 

Bidh Ant-design-vue a’ toirt seachad pailteas de cho-phàirtean UI gus na tagraidhean lìn agad a neartachadh leithid cnàimhneach, drathair, staitistig agus mòran a bharrachd.

 

Le sgaoileadh ant design vue version 2 o chionn ghoirid, chaidh ùrachadh gus a bhith nas luaithe agus nas fhasa amalachadh, meud pasgan nas lugha, agus cuideachd a’ toirt taic do Vue 3, sgrìobhainn API Composition Ùr. Bidh e cuideachd a’ toirt taic do bhrobhsairean lìn ùr-nodha, Rendering taobh frithealaiche, agus dealanan. Tha còrr air rionnagan 13k aige air Github agus air luchdachadh sìos seachdaineil 39,693 NPM.

 

7. Cuasar

 

Is e Quasar aon de na frèaman Vue UI as fheàrr a leigeas le luchd-leasachaidh aon bhunait còd stòr a chleachdadh airson gach àrd-ùrlar tro Quasar CLI leis na cleachdaidhean as fheàrr a-mach às a 'bhogsa. Leigidh e le luchd-leasachaidh fòcas a chuir air susbaint an App aca seach a h-uile stuth plating goileadair eile (siostam togail, cruth) timcheall air. tha e ag amas air a bhith a’ leantainn stiùiridhean Material 2.0 agus tha coimhearsnachd thaiceil aige cuideachd.

 

Is e aon de na rudan sònraichte mu Quasar an comas còd a sgrìobhadh aon uair agus a chleachdadh aig an aon àm mar làrach-lìn, App Mobile a’ cleachdadh dìreach aon bhun-chòd. Tha dreach ùr ann cuideachd an-dràsta ann am beta a bheireadh taic do fheartan vue 3. Tha timcheall air 17.8k rionnag air Github.

 

8. Buefy

 

Tha Buefy na leabharlann co-phàirteach UI aotrom airson Vue JS stèidhichte air Bulma (frèam CSS). Bidh Buefy a’ cothlamadh Bulma le Vue, gad chuideachadh a’ togail thagraidhean le deagh shealladh a’ cleachdadh glè bheag de chòd. is e seo an ìre javascript airson an eadar-aghaidh Bulma agad.

 

Faodar a thoirt a-steach gu tur no pàirtean singilte air duilleag-lìn àbhaisteach. Tha e gu math furasta a thoirt a-steach don phròiseact agad, faodar a dhèanamh le bhith a’ cleachdadh npm no CDN.

 

Bidh Buefy a’ toirt seachad co-phàirtean UI deiseil, cruth, agus ìomhaighean. Faodaidh na co-phàirtean SASS a chleachdadh don chuspair agad. Bidh e cuideachd a’ toirt taic do bhrobhsairean an latha an-diugh.

 

9. Stuth Vue

 

Tha Vue Material na fhrèam aotrom air a chleachdadh gu farsaing a bhios a’ cur an gnìomh mion-chomharrachadh Dealbhadh Stuth. Is e seo aon den aonachadh as fheàrr eadar Vue.js agus sònrachaidhean Dealbhadh Stuth! Faodaidh tu a rèiteachadh gu furasta gus freagairt air na feumalachdan agad gu lèir tro API furasta.

 

Tha e co-chòrdail ri dealbhadh freagairteach agus taic airson a h-uile brobhsair lìn ùr-nodha. Tha an leabharlann air a roinn ann an Cuspairean, Co-phàirtean, agus Eileamaidean UI. Bheir na cuspairean stiùireadh deimhinnte air mar as urrainn dhut cuspair a chuir air an tagradh agad (no na cuspairean agad fhèin a sgrìobhadh) agus tha na pàirtean agus na h-eileamaidean UI a’ toirt a-steach dealbhadh, seòladh, clò-sgrìobhadh, ìomhaighean, agus 30 co-phàirtean eile. Tha timcheall air rionnagan 9.2k agus forcaichean 1.1k air Github agus luchdachadh sìos seachdaineil 21k + NPM.

 

10. KeenUI

 

Tha KeenUI na leabharlann UI aotrom vue.js le API sìmplidh, air a bhrosnachadh le Dealbhadh Stuth Google. Chan e frèam CSS a th’ ann an Keen UI. Mar sin, chan eil e a' gabhail a-steach stoidhlichean airson siostam clèithe, clò-sgrìobhaidh, msaa. An àite sin, tha am fòcas air co-phàirtean eadar-ghnìomhach a dh'fheumas Javascript.

 

Tha timcheall air 30 co-phàirtean ath-chleachdadh ann. Faodar na pàirtean a ghnàthachadh le bhith a’ dol thairis air na stoidhlichean a’ cleachdadh caochladairean SASS. faodaidh tu fhilleadh a-steach don phròiseact agad an dàrna cuid a’ cleachdadh CDN no npm. Tha e fosgailte agus tha timcheall air rionnagan 4k air Github.

 

Co-dhùnadh

 

Tha leabharlannan co-phàirteach UI gu cinnteach ga dhèanamh nas fhasa pròiseact a thogail a-mach. Tha taghadh an tè cheart an urra ri feartan a’ phròiseict air a bheil thu airson obrachadh. Mus tèid thu a-steach do phròiseact ùr, tha e ciallach dha aon ath-sgrùdadh a dhèanamh air an leabharlann co-phàirteach UI a tha nas freagarraiche airson an adhbhair seo.