5 Perpustakaan komponen UI mudah alih Vue sesuai untuk kegunaan domestik

Artikel ini akan berkongsi dengan anda 5 Vue perpustakaan komponen UI mudah alih yang sesuai untuk kegunaan domestik. Saya harap ia akan membantu semua orang.

Beberapa masa selepas versi rasmi Vue 3 dikeluarkan, perpustakaan dan rangka kerja komponen utama telah menyokong dan mengoptimumkan Vue 3, terutamanya perpustakaan komponen mudah alih Vue A lompat ke hadapan naik taraf. Beberapa pengeluar terkemuka juga telah menerima sepenuhnya Vue 3, dan telah mengeluarkan perpustakaan komponen UI mudah alih secara berturut-turut yang menyokong Vue 3, yang sangat layak untuk Amway. (Belajar perkongsian video: tutorial vuejs)

Artikel ini menapis perpustakaan komponen UI mudah alih Vue yang biasa digunakan di China dan memilih 5 model daripada syarikat Internet peringkat pertama domestik atau yang lebih dikomersialkan. perpustakaan UI mudah alih percuma yang diselenggara oleh perusahaan/individu untuk masa yang lama dikongsi dengan semua orang.

• Vant 3 - Pustaka komponen UI mudah alih Youzan, menyokong applet WeChat Vue 3, applet Alipay
• UI Cube - Pustaka UI mudah alih Didi Chuxing, kualiti yang boleh dipercayai dan standard Dipiawai dan sangat berskala
• VUX - Pustaka komponen UI Mudah Alih, sangat dioptimumkan untuk WeChat
• NUTUI 3.0 - Pustaka UI mudah alih JD, berorientasikan kepada senario perniagaan e-dagang, menyokong Vue3
• Vuetify 3 - Lama UI Vue, dibangunkan berdasarkan gaya Reka Bentuk Bahan Google, menyokong Vue3

1 Vant 3 - Pustaka komponen UI mudah alih Youzan, menyokong Program Mini WeChat Vue 3, Program Mini Alipay<.>

Github: https://github.com/youzan/vant

Pertama sekali, kami mengesyorkan perpustakaan komponen UI mudah alih Vant 3 sumber terbuka oleh pasukan Youzan Ia bukan sahaja menyokong sepenuhnya Vue 3 tetapi juga menyokong program mini WeChat dan program mini Alipay. Ia boleh dikatakan bahawa ia adalah raja perpustakaan komponen UI mudah alih. Vant membawa semua perniagaan teras Youzan secara dalaman dan memberi perkhidmatan kepada lebih 100,000 pembangun secara luaran Ia merupakan salah satu perpustakaan komponen mudah alih arus perdana dalam industri.

Vant 3 mempunyai prestasi cemerlang, saiz komponen purata kurang daripada 1KB (min gzip) dan mempunyai 65 komponen berkualiti tinggi terbina dalam, meliputi kebanyakan keperluan dalam senario penggunaan arus perdana. Terdapat 700 pembolehubah tema, dan Tree-Shaking diperkenalkan untuk memperkenalkan komponen atas permintaan dan mengurangkan jumlah pembungkusan.

2 UI Cube - Pustaka UI mudah alih Didi Chuxing, kualiti yang boleh dipercayai, terpiawai dan sangat berskala

Github: https://github.com/didi/cube-ui

Pustaka komponen UI mudah alih Cube UI Vue yang sumber terbuka oleh pasukan Didi adalah ringan dan mudah.

UI Cube mempunyai kualiti yang boleh dipercayai dan diperkemas serta diperhalusi daripada pustaka komponen dalaman Didi Ia telah mengalami lebih daripada satu tahun ujian perniagaan, dan setiap komponen mempunyai ujian unit yang mencukupi untuk memberikan jaminan untuk penyepaduan seterusnya. Pengalaman muktamad, dengan matlamat tindak balas pantas, animasi lancar, dan dekat dengan asli, dan mengejar pengalaman interaktif yang terbaik.

Spesifikasi standard UI Kiub mengikut piawaian interaksi reka bentuk bersatu dan memulihkan kesan reka bentuk yang tinggi antara muka diseragamkan dan kaedah penggunaan disatukan dan diseragamkan, menjadikan pembangunan lebih mudah dan cekap. Ia mempunyai skalabiliti yang kuat, menyokong pengenalan atas permintaan dan pasca penyusunan, ringan dan fleksibel, dan boleh melaksanakan pembangunan sekunder dengan mudah berdasarkan komponen sedia ada;

3. VUX - perpustakaan komponen UI mudah alih, sangat dioptimumkan untuk WeChat

Github : https://github.com/airyland/vux

VUX ialah perpustakaan komponen UI mudah alih mudah alih rendah, yang disokong semata-mata oleh kepentingan peribadi pengarang dan telah dikekalkan selama 5 atau 6 tahun. Terutamanya melayani terminal mudah alih, sokongan mesra untuk WeChat. Menyokong vux-loader memastikan komponen boleh digunakan atas permintaan tanpa perlu risau tentang saiz pembungkusan yang berlebihan. VUX tidak bergantung sepenuhnya pada

WeUI (pustaka UI reka bentuk WeChat VUX memanjangkan banyak komponen biasa berdasarkan WeUI, tetapi cuba memastikan gaya UI keseluruhan hampir dengan spesifikasi reka bentuk WeUI.

4. NutUI 3.0 - perpustakaan UI mudah alih JD.com, berorientasikan kepada senario perniagaan e-dagang

Github: https://github.com/jdf2e/nutui

NutUI 3.0 ialah perpustakaan komponen UI mudah alih Vue 3 yang dikeluarkan oleh JD.com. Ia mesra mudah alih dan dioptimumkan khas untuk ujian dalam senario perniagaan e-dagang mudah alih. 70 komponen UI berkualiti tinggi, dibangunkan berdasarkan spesifikasi visual JD APP 10.0, sokongan rujukan atas permintaan, sokongan TypeScript dan penyesuaian tema sokongan. Anda boleh menggunakan bahasa Vue untuk menulis aplikasi pada H5 dan platform program mini, yang membantu kami meningkatkan kecekapan pembangunan dan pengalaman pembangunan.

5 Vuetify 3 - UI Vue Lama, dibangunkan berdasarkan gaya Reka Bentuk Bahan Google

Github: https://github.com/vuetifyjs/vuetify

Vuetify ialah perpustakaan komponen UI Vue lama, yang menyediakan kekayaan daripada Komponen yang biasa digunakan (terdapat lebih daripada 100 komponen), sesuai untuk digunakan dalam kebanyakan senario. Vuetify dibangunkan berdasarkan gaya Reka Bentuk Bahan Google dan boleh menjana fungsi antara muka yang sangat kemas dan menyegarkan tanpa menulis baris CSS. Vuetify menyokong terminal PC dan mudah alih Ia dioptimumkan terutamanya untuk terminal mudah alih Ia responsif, mudah untuk dikonfigurasikan, mempunyai sistem rangkaian responsif, menyokong pemprosesan acara, menyokong berbilang pelayar, dan juga IE 11 disokong. Vuetify telah mengeluarkan versi yang menyokong Vue 3. Jika anda mempertimbangkan isu migrasi masa hadapan, anda boleh menggunakannya dengan yakin.

Sambungan: Pustaka komponen UI Vue dan Awan Kara

Artikel ini memperkenalkan 5 perpustakaan komponen UI mudah alih Vue, walaupun perpustakaan komponen ini boleh Menyelamatkan kami daripada mencipta semula roda, tetapi walaupun begitu, penyahpepijatan bahagian hadapan kadangkala boleh menjengkelkan. Jika anda tidak mahu menangani isu bahagian hadapan, anda disyorkan untuk menggunakan Kara Cloud mempunyai pelbagai komponen terbina dalam Anda tidak perlu mengetahui mana-mana bahagian hadapan Anda boleh menjananya dengan cepat mengheret dan menjatuhkan.

Ini ialah sistem pengurusan bahagian belakang CURD pangkalan data yang dibina dengan Kara Cloud Ia boleh dibina dalam masa 10 minit dengan hanya menyeret dan melepaskan komponen.

Lihat lebih banyak templat: https://kalacloud.com/templates/

Alamat asal: https://kalacloud.com/blog/best - vue-mobile-ui-component-libraries/

(Mempelajari perkongsian video: pembangunan bahagian hadapan web, Pengenalan kepada pengaturcaraan)

Atas ialah kandungan terperinci 5 Perpustakaan komponen UI mudah alih Vue sesuai untuk kegunaan domestik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!