Ko te Vue JS he anga JavaScript ahu whakamua e whakamahia ana ki te whakawhanake i nga tono wharangi kotahi (SPA) me nga Atanga Kaiwhakamahi. A koinei tetahi o nga anga-mutunga e whakamahia nuitia ana i reira.
Ko tetahi ahuatanga whakamere o Vue ko tona kaha ki te wawahi i tetahi wharangi paetukutuku ki nga waahanga rereke. A ka ngawari ake tenei mahi ma te whakamahi i nga whare pukapuka waahanga UI.
He maha nga whare pukapuka waahanga UI hei awhina i a koe ki te hanga i nga waahanga ngawari me te tere. Na i roto i tenei blog, ka arotakehia e matou nga Whare Pukapuka Waahanga 10 Vue UI mo te tau 2021.
1. PrimeVue
Ko te PrimeVue he mea ngawari ki te whakamahi, whai kiko, me te mahi a te Whare Pukapuka Wae UI Vue hei awhina i a koe ki te hanga atanga kaiwhakamahi whakamataku.
Neke atu i te 80+ nga waahanga UI me te tautoko katoa mo nga Aratohu Whakaaetanga Ihirangi Tukutuku (WCAG) me te hoahoa whakautu. Na te mihi ki te whakahou hou, kua tautokohia e te whare pukapuka te Vue 3. He maha atu ano nga waahanga i whiwhi.
Ko tetahi o nga mea pai mo Primevue ko te whānuitanga o nga waahanga. Mai i nga ripanga me nga wharangi wharangi tae atu ki nga mahere whakahaere-a-kauwhata i hangaia pai ka taea e koe te whakamahi hei hanga taupānga Vue tauwhitiwhiti. He puna tuwhera, he 1k+ nga whetu kei runga i a Github me te 6,983 nga tango ia wiki i runga i te NPM.
2. Vuetify
Ko Vuetify he Whare Pukapuka UI a Vue me nga Waahanga hanga-a-ringa ataahua e whakamahi ana i te tohu Hoahoa Rawa. Ko te tikanga kua tino whakawhanakehia kia rite ki nga whakaritenga Hoahoa Rauemi me nga waahanga katoa i hangaia kia pai, kia whakautu, kia mahi.
Ka taea e Vuetify koe ki te whakarite i o tono me nga whakatakotoranga ahurei me te hihiri me te whakaoti i nga momo o ou waahanga ma te whakamahi i nga taurangi SASS.
Kei te tautoko hoki i nga aratohu urunga, nga kaitirotiro hou katoa, a he hototahi ki a Vue CLI-3. He ngawari ki te whakauru me te maha o nga waahanga UI ka taea te whakamahi ano he carousels, whakatere, me nga kaari. He puna tuwhera a Vuetify, neke atu i te 29k nga whetu i runga i te Github me te 319,170 nga tangohanga ia wiki i runga i te NPM.
3. Chakra UI Vue
Ko te Chakra UI he whare pukapuka waahanga ngawari me te waatea ka hoatu ki a koe nga taputapu hei hanga tere me te ngawari nga tono Vue.
Ko nga waahanga katoa e waatea ana (e whai ana i nga paerewa WAI-ARIA), te kaupapa, me te tito. Ka tautokohia nga momo urupare mai i te pouaka, he hototahi ki te aratau pouri.
Kei roto ano hoki i te Chakra UI te huinga o nga waahanga tahora penei i te CBox me te CStack e ngawari ana ki te tarai i o waahanga ma te tuku i nga taputapu. Ka taea hoki e koe te kawe-aunoa i nga waahanga Chakra UI Vue ma te whakamahi i te otinga mono tukutuku. He puna tuwhera, he 900+ nga whetu i runga i te Github me te 331weekly tikiake i runga i te NPM.
4. Bootstrap Vue
BootstrapVue, Ma te BootstrapVue ka taea e koe te hanga kaupapa urupare, waea-tuatahi, me te ARIA e uru ana ki runga ipurangi ma te whakamahi i te Vue.js me te whare pukapuka CSS rongonui o mua - Bootstrap. He ngawari te maarama ki nga tuhinga, he ngawari hoki te whakarite. Ka tere ake te mahi o nga whakatinanatanga o mua.
E tuku ana i nga waahanga 85+, neke atu i te 45 monomai e waatea ana, he maha nga tohutohu, me te 1000+ tohu. Ka whakarato ano hoki i nga waahanga mahi kua whakaritea mo nga whakatakotoranga me te hoahoa urupare. ka taea hoki e koe te whakauru ngawari a BootstrapVue ki o kaupapa Nuxt.js ma te whakamahi i te waahanga Nuxt.js.
He rite ano te whakamahi i te anga bootstrap CSS e whakamahia ana. He tuwhera-puna i runga i Github me te 12.9k whetu me te 1.7k marau.
5. Vuesax
Ko te Vuesax he anga waahanga UI hou i hangaia me Vuejs hei hanga kaupapa ngawari me te ahua ahurei me te ahuareka, ka hangaia te vuesax mai i te pakaru me te hoahoa mo nga momo kaiwhakawhanake katoa mai i te hoa aroha o mua ki te tuara e hiahia ana ki te hanga ngawari i to raatau tirohanga ki te kaiwhakamahi mutunga. He ahurei nga hoahoa mo ia waahanga, a, kaore i te pumau ki nga ahuatanga tirohanga, ki nga ture hoahoa ranei, na te mea he mea ahurei nga kaupapa i hangaia.
ka tukuna e ia nga wharangi urupare me nga waahanga UI ka taea te whakamahi me te whakarite. He ngawari hoki te tiimata me te whakamahi npm, CDN ranei. I tenei wa kaore i te tautoko i te Vue CLI 3 i tana putanga tata. He tuwhera-puna i runga i te Github me te 4.9k whetu me te 6700 wiki tango NPM.
6. Ant Hoahoa Vue
Ant Hoahoa vue i runga i te whakahuahua Ant Design, Ko te Ant design vue he whare pukapuka UI vue kei roto he huinga o nga waahanga kounga teitei me nga whakaaturanga hei hanga i nga atanga kaiwhakamahi whai rawa, tauwhitiwhiti.
Ko te Ant-design-vue he maha nga waahanga UI hei whakarangatira i o tono paetukutuku penei i te Skeleton, drawer, tatauranga me te maha atu.
Na te putanga hou o te putanga vue hoahoa ant 2, kua whakahoutia kia tere ake, kia ngawari ake te whakauru, he iti ake te rahi o te paihere, me te tautoko hoki i te Vue 3, tuhinga New Composition API. Kei te tautoko hoki i nga kaitirotiro paetukutuku hou, te Rendering taha-tumau, me te irahiko. Neke atu i te 13k nga whetu kei runga i a Github me te 39,693 nga tangohanga NPM ia wiki.
7. Kuahara
Ko Quasar tetahi o nga anga Vue UI pai e taea ai e nga kaiwhakawhanake te whakamahi i tetahi turanga waehere puna mo nga papaaho katoa na roto i te Quasar CLI me nga mahi pai i waho o te pouaka. Ka taea e nga kaiwhakawhanake te aro ki nga ihirangi o a raatau Taupānga, kaua ki era atu mea whakakikorua kōhua (te hanga, te whakatakotoranga) huri noa. e arotahi ana ki te whai i nga aratohu Rauemi 2.0, he hapori tautoko hoki.
Ko tetahi o nga mea motuhake e pa ana ki a Quasar ko te kaha ki te tuhi i te waehere kotahi me te tuku i te wa kotahi hei paetukutuku, he Taupānga Waea ma te whakamahi i te turanga waehere kotahi. He putanga hou ano kei roto i te beta e tautoko ana i nga ahuatanga vue 3. He 17.8k nga whetu kei runga i a Github.
8. Buefy
Ko Buefy he whare pukapuka waahanga UI mama mo Vue JS i runga i te Bulma (he anga CSS). Ka whakakotahihia e Buefy a Bulma me Vue, hei awhina i a koe ki te hanga tono ahua pai ma te whakamahi waehere iti. ko te paparanga javascript mo to atanga Bulma.
Ka taea te kawemai katoa, te waahanga kotahi ranei i runga i te wharangi tukutuku noa. Ko te whakauru ki roto i to kaupapa he tino ngawari, ka taea te whakamahi ma te npm, CDN ranei.
Ka whakaratohia e Buefy nga waahanga UI kua rite, te whakatakotoranga, me nga tohu. Ka taea e nga waahanga te whakamahi i te SASS ki to kaupapa. Kei te tautoko hoki i nga kaitirotiro hou.
9. Rauemi Vue
Ko te Mahinga Vue he angamahi e whakamahia nuitia ana, he maamaa e whakatinana ana i nga whakaritenga Hoahoa Rawa. Koia tetahi o te whakaurunga pai rawa atu i waenga i a Vue.js me nga tauira Hoahoa Rawa! Ka taea e koe te whirihora kia rite ki o hiahia katoa ma te API ngawari.
He hototahi ki te hoahoa urupare me te tautoko mo nga Kaitirotiro Tukutuku hou katoa. Kua wehea te whare pukapuka ki nga Kaupapa, Wae, me nga Huanga UI. Ko nga kaupapa he tino aratohu mo te whakamaarama i to tono (me tuhi ranei i a koe ake kaupapa) me nga Waehanga me nga Huanga UI kei roto ko nga whakatakotoranga, te whakaterenga, te tuhi tuhi, nga tohu, me etahi atu waahanga 30. Tata ki te 9.2k nga whetu me te 1.1k nga marau i runga i te Github me te 21k + ia wiki tango NPM.
10. KeenUI
Ko KeenUI he whare pukapuka UI vue.js mama me te API ngawari, na te Hoahoa Rauemi a Google. Ko te Keen UI ehara i te anga CSS. No reira, karekau he ahua mo te punaha matiti, tuhi tuhi, aha atu. Engari, ko te arotahi ki nga waahanga tauwhitiwhiti e hiahia ana ki te Javascript.
Tata ki te 30 nga waahanga ka taea te whakamahi ano. Ko nga waahanga ka taea te whakarite ma te whakakore i nga momo ma te whakamahi i nga taurangi SASS. ka taea e koe te whakauru ki roto i to kaupapa ma te whakamahi CDN, npm ranei. He tuwhera-puna, he 4k nga whetu kei runga i a Github.
Opaniraa
Ko nga whare pukapuka waahanga UI he maamaa ake te hanga kaupapa. Ko te whiriwhiri i te mea tika ka whakawhirinaki ki nga ahuatanga o te kaupapa e hiahia ana koe ki te mahi. I mua i te ruku ki tetahi kaupapa hou, he mea tika kia arotake tetahi i te whare pukapuka waahanga UI e pai ana mo te kaupapa.