Vue.js, sebagai rangka kerja JavaScript, ialah pesaing kuat kepada rangka kerja JavaScript moden seperti React.js dan Angular.js kerana kesederhanaan, kemudahan penggunaan dan keluk pembelajarannya.

Pada teras Vue.js, komponen memainkan peranan penting dalam mengabstraksi logik yang kompleks, yang menjadikan projek Vue.js anda boleh diselenggara. Perpustakaan UI, sebaliknya, ialah koleksi komponen UI yang cantik yang dibina oleh pasukan profesional, membolehkan anda membina tapak web anda dengan rupa dan pengoptimuman yang konsisten.

Dalam artikel ini, saya menyenaraikan 9 teratas paling popular (diperingkat dari atas ke bawah berdasarkan muat turun NPM dan bintang Github) pustaka UI untuk anda memulakan projek Vue impian anda.

1. Vuetify (36.2k bintang, 400k muat turun setiap minggu)

Vuetify ialah A Pustaka UI berdasarkan UI Bahan membantu membina pengalaman interaktif yang cantik dan berkualiti tinggi untuk tapak web anda. Kekuatan Vuetify termasuk dokumentasi yang jelas, komuniti yang besar dan sokongan untuk Vue 3 dalam versi terbaharunya.

https://github.com/vuetifyjs/vuetify

2. Quasar (22,700 bintang, 112,000 muat turun setiap minggu )

Rangka kerja Quasar lebih daripada sekadar perpustakaan UI, ia direka untuk menyediakan penyelesaian UI bersepadu yang konsisten.

https://github.com/quasarframework/quasar

3. Element Plus (18,300 bintang, 115,000 tontonan seminggu Muat Turun)

Sebagai perpustakaan UI ketiga paling popular, Element Plus menyediakan pelbagai ciri, seperti sokongan untuk API komposisi Vue 3, integrasi Day.js, i18n menyokong 52 bahasa, dan banyak lagi!

https://github.com/element-plus/element-plus

4. UI Tanpa Kepala (18.5k bintang, 70k mingguan muat turun)

Ciri UI tanpa kepala yang tidak digayakan sepenuhnya, komponen UI yang boleh diakses sepenuhnya direka bentuk untuk disepadukan dengan sempurna dengan CSS Tailwind, yang bermaksud Anda bertanggungjawab menyediakan sendiri penanda dan gaya untuk menyesuaikan rupa dan rasa tapak anda.

https://github.com/tailwindlabs/headlessui

5. Ant Design Vue (17.6k bintang, 80k muat turun setiap minggu )

Ant Design Vue – Dikuasakan oleh gergasi teknologi China Alibaba Group, ialah satu lagi perpustakaan UI popular khusus untuk e-dagang” Feel".

https://github.com/vueComponent/ant-design-vue

6. Bootstrap Vue (14.2k bintang, mingguan 361k muat turun)

Bootstrap ialah perpustakaan UI yang sangat popular, diketahui oleh hampir semua pembangun bahagian hadapan, dan ia telah mengalihkan Edisi Vue - Bootstrap Vue , yang membolehkan anda membina projek responsif, diutamakan mudah alih dan boleh diakses ARIA di web. Walau bagaimanapun, sila ambil perhatian bahawa Vue 3 tidak disokong pada masa ini.

https://github.com/bootstrap-vue/bootstrap-vue

7. UI naif (11.4k bintang, mingguan 20k muat turun)

Naive UI ialah perpustakaan UI baharu dan menjanjikan yang dikeluarkan di Twitter oleh pencipta Vue, menampilkan set komponen UI yang sangat pantas, direka bentuk unik dan boleh disesuaikan, serta sokongan untuk TypeScript dan sokongan Penuh untuk Vue 3.

https://github.com/tusen-ai/naive-ui

8. Buefy (9.4k bintang, 70k seminggu muat turun)

Buefy ialah perpustakaan UI yang ringan (88kb, minimum + gzip) yang mengikut prinsip reka bentuk Bulma dan beberapa UX Reka Bentuk Bahan . Tidak seperti perpustakaan UI lain, Buefy memfokuskan pada kebolehgunaan dan prestasi tanpa menggunakan animasi secara berlebihan. Tetapi malangnya, pada masa penulisan, Vue 3 tidak disokong lagi.

https://github.com/buefy/buefy

9. Primevue (3200 bintang, 60,000 muat turun setiap minggu)

Primevue menumpukan pada menyediakan anda untuk membangunkan tapak web dalam sebarang kerumitan menggunakan komponennya yang direka dengan baik, canggih dan dinamik. Primevue dibina semula sepenuhnya berdasarkan Vue 3. Jika anda menggunakan Vue3, anda boleh menggunakannya dengan yakin.

https://github.com/primefaces/primevue