Apakah rangka kerja UI yang digunakan untuk terminal mudah alih vuejs?

Rangka kerja UI tersedia untuk terminal mudah alih vuejs: 1. iView 3. UI; , Vant 9, cube-ui 10, Muse-UI, dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Vue ialah perpustakaan MVVM yang ringan, berprestasi tinggi, boleh komponen dengan API yang mudah dan jelas, menjadikannya pantas untuk bermula. Sejak dilancarkan, Vue telah diiktiraf oleh banyak pembangun web. Dalam pembangunan projek bahagian hadapan Web syarikat, berbilang projek dibangunkan menggunakan rangka kerja komponen UI berasaskan Vue dan digunakan secara rasmi. Selepas pasukan pembangunan menggunakan rangka kerja Vue.js dan pustaka komponen UI, kecekapan pembangunan telah bertambah baik, mereka menulis kurang kod, dan banyak komponen kesan antara muka telah dirangkumkan.

Dalam proses memilih perpustakaan komponen UI Vue, kami turut mengumpul dan menyusun beberapa pustaka komponen UI Vue yang sangat baik di GitHub berdasarkan faktor seperti bilangan bintang, kekayaan dokumen, kekerapan kemas kini dan penyelenggaraan.

1. Pustaka komponen UI iView

iView ialah satu set perpustakaan komponen UI sumber terbuka berdasarkan Vue.js, yang kebanyakannya menyediakan produk pertengahan dan belakang. untuk antara muka PC. Komponen iView agak lengkap, dikemas kini dengan cepat, dan dokumentasinya sangat terperinci. Dikekalkan oleh pasukan syarikat, rangka kerja komponen UI Vue yang agak boleh dipercayai

. Ekosistem iView juga berfungsi dengan baik, dan terdapat juga Pentadbir iView sumber terbuka, yang sangat mudah untuk kerja bahagian belakang. Menurut laman web rasmi, iView telah digunakan dalam produk syarikat besar seperti TalkingData, Alibaba, Baidu, Tencent, Toutiao, JD.com, Didi Chuxing, Meituan, Sina, Lenovo dan syarikat besar lain.

tapak web rasmi iView: https://www.iviewui.com/.

2 Pustaka komponen UI Vux

Vux adalah berdasarkan WeUI. dan Vue2 Pustaka komponen UI mudah alih yang dibangunkan oleh .x, terutamanya menyajikan halaman WeChat. Kedudukan Vux sangat jelas Satu ialah: Pustaka komponen UI mudah alih Vue, dan satu lagi ialah: Pustaka gaya asas WeUI. Komponen Vux meliputi semua kandungan WeUI dan juga memanjangkan beberapa komponen yang biasa digunakan. Contohnya: Sticky, garis masa, carta v, XCircle.

Vux diselenggara oleh individu. Tetapi bintang di GitHub masih sangat tinggi, mencapai 13k. Saya melihat isu itu ditutup dengan cepat di GitHub. Penggunaan komponen asas dan kesan dokumen Vux dijelaskan di tempatnya.

Banyak kes penggunaan Vux turut dipaparkan di laman web rasmi vux. Dalam pembangunan halaman WeChat, pada dasarnya tidak terdapat terlalu banyak pepijat, dan pembangunannya agak lancar.

Tapak web rasmi Vux: https://vux.li/.

3 Pustaka komponen Element UI

Element, set untuk pembangun, Pustaka komponen desktop berdasarkan Vue 2.0 yang disediakan oleh pereka bentuk dan pengurus produk.

Element ialah perpustakaan komponen UI Vue yang diselenggara oleh sumber terbuka bahagian hadapan Ele.me. Kekerapan kemas kini masih sangat tinggi, dan versi baharu akan dikeluarkan pada asasnya setiap minggu hingga setengah bulan. Komponen adalah lengkap dan pada asasnya meliputi semua komponen yang diperlukan di bahagian belakang Dokumentasi menerangkan secara terperinci dan contoh-contohnya banyak. Saya tidak pernah menggunakannya dalam amalan Terdapat banyak tutorial dan artikel Elemen di Internet.

Elemen mestilah pustaka komponen UI Vue yang agak berkualiti tinggi.

Tapak web rasmi elemen: http://element.eleme.io/#/zh-CN.

4 Pustaka komponen UI Mint

Mint UI adalah berdasarkan pustaka komponen mudah alih Vue.js, yang juga daripada projek bahagian hadapan Ele.me. UI Mint benar-benar mengenai memuatkan komponen atas permintaan. Anda hanya boleh memuatkan komponen yang diisytiharkan dan fail gayanya. UI Mint menggunakan CSS3 untuk mengendalikan pelbagai animasi untuk mengelakkan lukisan semula dan pengaliran semula penyemak imbas yang tidak perlu, membolehkan pengguna mendapat pengalaman yang lancar dan lancar.

Banyak tutorial video dalam talian adalah berdasarkan UI Mint Sangat mudah untuk membangunkan projek web mudah alih, dan dokumentasinya juga sangat ringkas dan jelas. Banyak komponen UI Mint halaman telah dikapsulkan Anda pada asasnya boleh menulisnya mengikut contoh dan melaksanakannya dengan pelarasan mudah.

Walau bagaimanapun, penyerahan kod terakhir pada GitHub adalah pada 16 Januari 2018, jadi setengah tahun telah berlalu. Saya tidak tahu sama ada projek itu agak stabil dan belum dikemas kini, atau jika projek itu mungkin terbengkalai. Kami akan terus memberi perhatian kepada dinamik UI Mint.

Tapak web rasmi UI Mint: http://mint-ui.github.io/.

5 Bootstrap -VUE menyediakan pelaksanaan komponen Bootstrap V4 dan sistem grid berdasarkan vue2, melengkapkan penanda kebolehaksesan WAI ARA yang meluas dan automatik. uiv ialah pelaksanaan Bootstrap 3 berdasarkan Vue2. Bootstrap 4 ialah versi terkini Berbanding dengan Bootstrap 3, ia mempunyai kelas yang lebih khusus dan menukar beberapa bahagian yang berkaitan kepada komponen yang berkaitan. Pada masa yang sama, saiz Bootstrap.min.css telah dikurangkan lebih daripada 40%.

Bootstrap4 telah melepaskan sokongan untuk IE8 dan iOS 6, dan kini hanya menyokong pelayar IE9 dan ke atas dan iOS 7 dan ke atas. Ketika tapak web responsif mula-mula menjadi popular, Bootstrap ialah rangka kerja yang paling popular untuk membina tapak web yang diutamakan mudah alih di dunia. Boleh dikatakan bahawa Bootstrap popular di seluruh dunia.

Malah sekarang, banyak tapak web korporat responsif menggunakan Bootstrap. Bootstrap-Vue membolehkan anda mencapai kesan Bootstrap dalam Vue.

Tapak web rasmi Bootstrap-Vue: https://bootstrap-vue.js.org/

laman web rasmi uiv: https://uiv.wxsm.space/.

6. Pustaka komponen UI Ant Design Vue

Ant Design Vue ialah pelaksanaan Vue bagi Ant Design 3.X, dibangunkan dan disediakan untuk produk bahagian belakang peringkat perusahaan. Beberapa komponen Ant Design Vue boleh didapati di GitHub. Walau bagaimanapun, sebagai perbandingan, Ant Design Vue adalah lebih baik.

Ant Design Vue berkongsi sistem alat reka bentuk Ant Design of React, melaksanakan semua komponen Ant Design of React dan menyokong penyemak imbas moden dan IE9 dan ke atas (memerlukan polyfill). Ia membolehkan mereka yang biasa dengan Reka Bentuk Semut untuk bermula dengan mudah apabila menggunakan Vue.

Tapak web rasmi Ant Design Vue: https://vuecomponent.github.

7 Pustaka komponen UI AT-UI

AT - UI ialah perpustakaan komponen UI bahagian hadapan berdasarkan Vue.js 2.0 Ia digunakan terutamanya untuk membangunkan produk pertengahan dan bahagian belakang dengan pantas untuk tapak web PC. Ia menyokong pelayar moden dan IE9 dan ke atas. AT-UI lebih diperkemas dan melaksanakan komponen yang biasa digunakan di latar belakang.

Tapak web rasmi AT_UI: https://at-ui.github.io/.

8 Pustaka komponen UI Vant

Vant ialah a ringan Pustaka komponen Vue mudah alih yang besar dan boleh dipercayai. Vant adalah sumber terbuka oleh pasukan Youzan dan diselenggara terutamanya oleh pasukan Youzan. Vant Weapp ialah versi program mini Vant, perpustakaan komponen mudah alih Youzan Kedua-duanya adalah berdasarkan spesifikasi visual yang sama dan menyediakan antara muka API yang konsisten untuk membantu pembangun membina aplikasi program mini dengan cepat. Setakat ini, Vant mempunyai 50 komponen sumber terbuka yang telah diuji oleh perniagaan dalam talian Youzan.

Contohnya: Pengeditan alamat Edit Alamat, Senarai alamat Senarai Alamat, Pemilihan wilayah dan bandar kawasan, Kad kad, Hubungan hubungan, Kupon kupon, titik tindakan halaman produk GoodsAction, lajur pesanan penyerahan SubmitBar, Lapisan pop timbul spesifikasi produk Sku . Jika anda sedang membina pusat beli-belah dan tidak mengambil berat tentang antara muka dan melaksanakan logik perniagaan, anda boleh membangunkan dengan cepat menggunakan perpustakaan komponen Vant.

Tapak web rasmi Van: https://youzan.github.io/.

9 Ya Sebuah perpustakaan komponen mudah alih yang indah berdasarkan Vue.js. Ia diperkemas dan diperhalusi daripada perpustakaan komponen dalaman Didi dan telah mengalami lebih daripada satu tahun ujian perniagaan Setiap komponen mempunyai ujian unit yang mencukupi untuk menyediakan jaminan untuk penyepaduan seterusnya. Kejar pengalaman interaktif yang terbaik. Mengikut piawaian interaksi reka bentuk bersatu, kesan reka bentuk sangat dipulihkan, antara muka diseragamkan, dan penggunaannya disatukan dan diseragamkan, menjadikan pembangunan lebih mudah dan lebih cekap. Ia menyokong pengenalan atas permintaan dan pasca penyusunan, ringan dan fleksibel; mempunyai skalabiliti yang kuat dan boleh melaksanakan pembangunan sekunder dengan mudah berdasarkan komponen sedia ada.

tapak web rasmi cube-ui: https://didi.github.io/.

10 Pustaka komponen UI Muse-UI

Muse - UI adalah berdasarkan perpustakaan komponen UI Reka Bentuk Bahan Vue 2.0 yang elegan. Muse UI mempunyai lebih daripada 40 komponen UI untuk disesuaikan dengan persekitaran perniagaan yang berbeza. UI Muse hanya memerlukan sejumlah kecil kod untuk melengkapkan penggantian gaya tema. UI Muse boleh digunakan untuk membangunkan aplikasi satu halaman yang kompleks

Tapak web rasmi Muse-UI: https://muse-ui.org/#/zh-CN.

11 , Pustaka komponen UI komponen N3

Pustaka komponen N3 dibina berdasarkan Vue.js, membolehkan jurutera hadapan dan jurutera tindanan penuh membina halaman dan aplikasi dengan cepat. Komponen N3 mempunyai lebih daripada 60 komponen, senarai komponen, gaya tersuai, menyokong paradigma pemodelan berbilang (UMD), dan dibangunkan menggunakan ES6.

Tapak web rasmi N3: https://n3-components.github.

12 Mand Mobile

Mand Mobile ialah mudah alih Vue untuk kewangan. senario Pustaka komponen UI terminal kaya, fleksibel dan praktikal, serta boleh membina produk kewangan berkualiti tinggi dengan cepat, menjadikan senario kewangan yang kompleks menjadi mudah. Mand Mobile mengandungi set kaya dengan 30 komponen asas, meliputi senario kewangan Komponen yang sangat mudah digunakan semuanya mempunyai dokumentasi terperinci dan demonstrasi kes Ia menggunakan teknologi yang paling canggih, melaksanakan komponen dan ringan, mengambil kira kestabilan dan berkualiti, dan berusaha untuk mencapai kejayaan kewangan.

Tapak web rasmi Mand Mobile: https://didi.github.io/.

13 perpustakaan komponen UI we-vue

kami-. vue Ia adalah satu set perpustakaan komponen berkaitan mudah alih berdasarkan Vue.js Digabungkan dengan perpustakaan gaya weui.css, ia merangkum satu siri komponen dan sangat sesuai untuk pembangunan terminal mudah alih seperti akaun awam WeChat. we-vue mengandungi 35 komponen, dengan liputan ujian unit melebihi 98%, menyokong babel-plugin-import, dokumentasi dalam talian yang lengkap dan contoh dalam talian terperinci.

laman web rasmi we-vue: https://wevue.org/.

14 Pustaka komponen UI veui

veui ialah perisian yang dibangunkan oleh Baidu EFE Vue pustaka komponen UI peringkat perusahaan yang dibangunkan oleh pasukan. Pada masa ini tiada dokumentasi, hanya demo. GitHub mengatakan ia sedang dalam proses. Kemudian kita tunggu dengan sabar.

tapak web rasmi veui: https://ecomfe.github.io/.

Pustaka komponen UI Semantic-UI-Vue

Semantik. - UI-Vue ialah pelaksanaan rangka kerja Semantic-UI berdasarkan Vue.js. Semantik ialah rangka kerja pembangunan yang membantu pembangun membina reka letak responsif yang elegan menggunakan bahasa HTML yang mesra manusia. Semantic-UI-Vue menyediakan API yang serupa dengan Semantic-UI dan satu set tema yang boleh disesuaikan.

Tapak web rasmi Semantic-UI-Vue: https://semantic-ui-vue.github.

16 vue-beauty

vue - Beauty ialah perpustakaan komponen UI sebelah PC berdasarkan vue.js dan gaya reka bentuk ant, direka untuk membantu pembangun meningkatkan pengalaman produk dan kecekapan pembangunan serta mengurangkan kos penyelenggaraan. vue-beauty mengandungi banyak komponen, meliputi senario biasa, berdasarkan pembangunan komponen vue, paparan dipacu data, kerumitan merangkum, menyediakan API yang mudah dan mesra serta berdasarkan pengoptimuman gaya reka bentuk semut.

tapak web rasmi vue-beauty: https://fe-driver.github.io/.

17 Pustaka komponen NutUI

NutUI ialah satu set Gaya JD Pustaka komponen Vue mudah alih membangunkan dan menyediakan produk hadapan, tengah dan belakang peringkat perusahaan untuk antara muka web mudah alih. Pustaka komponen NutUI menyokong platform merentas, menukar secara automatik kepada komponen applet WeChat (akan dilancarkan kemudian, jadi nantikan), sedang digunakan oleh 30 projek terminal mudah alih JD, berdasarkan spesifikasi visual JD APP 7.0, menyokong pemuatan atas permintaan , dokumentasi dan contoh terperinci, menyokong tema Tersuai, menyokong berbilang bahasa (pengantarabangsaan), menyokong TypeScript, menyokong pemaparan sebelah pelayan (Vue SSR), sokongan ujian unit dan dilengkapi dengan alat pembinaan berdasarkan Webpack, yang boleh mencipta dengan cepat. projek Vue dengan perpustakaan komponen ini terbina dalam.

Tapak web rasmi NutUI: https://nutui.jd.com/#/index.

Apabila memilih rangka kerja, anda mesti memilihnya berdasarkan situasi pembangunan web sebenar dan kebiasaan pasukan itu. Pustaka komponen UI yang baik adalah terlalu penting untuk projek web. Pustaka komponen UI yang baik boleh mencapai hasil dua kali ganda dengan separuh usaha.

Cadangan berkaitan: "tutorial vue.js"

Atas ialah kandungan terperinci Apakah rangka kerja UI yang digunakan untuk terminal mudah alih vuejs?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!