Apakah rangka kerja yang boleh digunakan untuk vue?

Rangka kerja yang boleh digunakan oleh vue: 1. Ant Design Vue ialah rangka kerja yang sangat matang, dan sangat mudah untuk mencipta antara muka pengguna menggunakannya 2. BalmUI ialah perpustakaan komponen UI dengan pengalaman interaktif yang sangat baik; UI Wave, ialah rangka kerja komponen UI yang responsif, boleh diakses dan mesra sentuhan 4. Vuestic, menyediakan lebih daripada 50 komponen dengan fungsi unik dan kebolehkonfigurasian yang meluas; 6. Quasar adalah berpusatkan prestasi; rangka kerja.

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, 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 dipertingkatkan dengan ketara, mereka telah 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 pada GitHub berdasarkan faktor seperti bilangan bintang, kekayaan dokumen, kekerapan kemas kini dan penyelenggaraan .

Rangka kerja yang boleh digunakan dengan Vue

1 iView

iView ialah satu set perpustakaan komponen UI sumber terbuka .js berasaskan Vue, terutamanya menyajikan produk tengah dan belakang antara muka PC. Komponen iView agak lengkap, dikemas kini dengan cepat, dan dokumentasinya sangat terperinci. Ia diselenggara oleh pasukan syarikat dan merupakan 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.

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

2 Vux

Vux dibangunkan berdasarkan WeUI dan Vue2. x Pustaka komponen UI Mudah Alih, terutamanya menyediakan 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 secara peribadi. 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 juga 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 Element

Element, set untuk pembangun, pereka bentuk dan produk A. perpustakaan komponen desktop berdasarkan Vue 2.0 yang disediakan oleh pengurus. 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 oleh bahagian belakang Dokumentasi menerangkan secara terperinci dan terdapat banyak contoh. 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 Element: http://element.eleme.io/#/zh-CN

Element telah menjadi terkenal dalam Vue2 Element telah membawakan banyak ciri yang tidak mengganggu pada Vue3 , kebanyakan perkara yang anda perlukan untuk mencipta aplikasi yang sangat kompleks sudah dibuat dan sedia untuk digunakan. Elemen menyediakan komponen pemilih tarikh dan masa matang, pokok, garis masa dan kalendar.

Elemen menyediakan walaupun widget terkecil yang mungkin diperlukan oleh pembangun semasa membina antara muka UI, daripada animasi ringkas kepada sistem pengantarabangsaan seluruh rangka kerja yang boleh digunakan dengan Pair with i18n untuk membuat terjemahan tersuai dan juga menambah bahasa bukan terbina dalam.

Element mempunyai 11.1k bintang di GitHub dan menjadi salah satu rangka kerja UI Vue3 yang paling popular di Github dengan pengurusan isu yang sangat baik, kemas kini tepat pada masanya, komponen boleh pasang dan penyesuaian tinggi melalui pembolehubah SCSS Prestasi memenuhi jangkaan pembangun.

4. Mint

UI Mint ialah perpustakaan komponen mudah alih berdasarkan Vue.js, 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 di Internet 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. Saya tidak tahu sama ada projek itu agak stabil dan belum dikemas kini, atau jika projek itu mungkin terbengkalai.

Tapak web rasmi UI Mint: http://mint-ui.github.io/#!/zh-cn

5

Bootstrap-VUE menyediakan pelaksanaan komponen Bootstrap V4 dan sistem grid berdasarkan vue2, melengkapkan penandaan kebolehcapaian WAI ARA yang meluas dan automatik. 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 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 laman web korporat responsif menggunakan Bootstrap. Bootstrap-Vue membolehkan anda mencapai kesan Bootstrap dalam Vue.

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

6 ialah Ant Design 3.X melaksanakan Vue untuk membangunkan dan menyediakan produk bahagian belakang peringkat perusahaan. Beberapa komponen Ant Design Vue boleh didapati di GitHub. Tetapi 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 pelayar 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.io/ant-design-vue/docs/vue/introduce-cn/

Ant Design Vue ialah rangka kerja yang sangat matang , menggunakan Ant Design Vue untuk mencipta antara muka pengguna adalah mudah, dan komponen boleh disesuaikan dengan pelbagai gaya ikon, fon dan tema hitam. Ant Design Vue terus menambah baik lebih daripada 60 komponennya, pada asasnya meliputi kebanyakan keperluan projek, dan menjadikannya lebih baik dan lebih mudah untuk diakses.

7 AT-UI

AT-UI ialah perpustakaan komponen UI bahagian hadapan berdasarkan Vue.js 2.0, terutamanya Digunakan untuk membangunkan produk pertengahan dan belakang tapak web PC dengan pantas, 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/at-ui/#/zh

8 Vant Ia adalah perpustakaan komponen Vue mudah alih yang ringan 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: Edit alamat Edit Alamat, Senarai alamat Senarai Alamat, Pemilihan wilayah dan bandar kawasan, Kad kad, Orang 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/vant/#/zh-CN/intro

9 cube-ui

cube-ui ialah perpustakaan komponen mudah alih yang indah berdasarkan Vue.js. Ia diperkemas dan diperhalusi daripada perpustakaan komponen dalaman Didi dan telah melalui ujian perniagaan selama lebih daripada setahun Setiap komponen mempunyai ujian unit yang mencukupi untuk menyediakan jaminan untuk penyepaduan seterusnya. Kejar pengalaman interaktif yang terbaik. Ikut piawaian interaksi reka bentuk bersatu untuk memulihkan kesan reka bentuk yang tinggi antara muka diseragamkan dan penggunaannya disatukan dan diseragamkan, menjadikan pembangunan lebih mudah dan 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.

laman web rasmi cube-ui: https://didi.github.io/cube-ui/#/zh-CN

10 >

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, 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.io/N3-components/component.html

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

Tapak web rasmi Mand Mobile: https://didi.github.io/mand-mobile/#/zh-CN/home

13 🎜 >

we-vue ialah perpustakaan komponen berkaitan mudah alih berdasarkan Vue.js Digabungkan dengan pustaka gaya weui.css, ia merangkumi satu siri komponen dan sangat sesuai untuk pembangunan 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 veui

veui ialah Vue yang dibangunkan oleh pasukan Baidu EFE. Pustaka komponen UI peringkat perusahaan. Pada masa ini tiada dokumentasi, hanya demo.

GitHub mengatakan ia sedang dalam proses. Kemudian kita tunggu dengan sabar.

laman web rasmi veui: https://ecomfe.github.io/veui/components/#/

15 > Semantic-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.io/#/

Apabila memilih rangka kerja, anda mesti mendasarkannya pada pembangunan web sebenar situasi dan keupayaan pasukan Pilih berdasarkan kebiasaan. Pustaka komponen UI yang baik adalah sangat penting untuk projek Web

Rangka Kerja Komponen Bahan 16.Vue.js — Vuetify.js

https://vuetifyjs com/. zh-Hans

Vuetify dibangunkan sepenuhnya mengikut spesifikasi Reka Bentuk Bahan. Setiap komponen adalah buatan tangan, membawa alatan UI terbaik ke apl hebat anda yang seterusnya. Pembangunan tidak terhenti pada komponen teras dalam spesifikasi Google. Melalui sokongan ahli komuniti dan penaja, lebih banyak komponen akan direka bentuk dan disediakan untuk dinikmati oleh semua orang.

Ini terutamanya komponen vue ui yang popular di luar negara Ia mempunyai pelbagai fungsi dan diterjemahkan ke dalam bahasa Cina, tetapi ada yang dalam bahasa Inggeris dan terjemahannya tidak begitu bagus UI Kebanyakan komponen hanya mempunyai sebahagian daripadanya, dan banyak navigasi pengepala yang biasa digunakan, navigasi bawah, paparan senarai dan jadual grid tidak tersedia.

17 BalmUI

BalmUI ialah perpustakaan komponen UI bahagian hadapan yang dicipta oleh pasukan Balm.js (alat aliran kerja bahagian hadapan yang serupa dengan Vue CLI), berdasarkan yang terbaru Dibina dengan Vue 3, ia sedia untuk digunakan di luar kotak, sangat boleh disesuaikan, dan gaya reka bentuk mengikut sepenuhnya spesifikasi reka bentuk Reka Bentuk Bahan Google Ia adalah perpustakaan komponen UI dengan pengalaman interaktif yang sangat baik.

BalmUI telah mengeluarkan versi 9.0 mereka, yang menyokong Vue3. Balsem adalah berdasarkan Reka Bentuk Bahan Google, itulah sebabnya ia kelihatan biasa. Balm disertakan dengan pemalam dan arahan Vue, serta komponen yang sangat boleh disesuaikan daripada mudah kepada kompleks.

Tapak web rasmi BalmUI: https://next-material.balmjs.com/#/

BalmUI berkembang dengan sangat pantas. Jika anda ingin menggunakan gaya Reka Bentuk Bahan, gunakan terbina dalam yang kompleks arahan (seperti debouncing dan UI Ripple) boleh berguna apabila membuat komponen tersuai, maka ia sangat sesuai untuk projek Vue3.

18 UI Wave

UI Wave ialah rangka kerja komponen UI yang responsif, boleh disesuaikan, boleh diakses dan mesra sentuhan yang disertakan dengan lebih daripada 40 komponen UI dan serasi dengan Vue 3 dan Vue 2.

WaveUI berada pada kedudukan yang baik selepas keluaran Vue3 Pembangunan WaveUI bermula semasa Vue3 masih dalam peringkat alfa Matlamatnya adalah untuk menyokong APInya sebaik sahaja ia stabil, menjadikannya salah satu yang pertama kumpulan Vue3 Salah satu rangka kerja UI.

Tapak web rasmi: https://antoniandre.github.io/wave-ui/

WaveUI mempunyai lebih daripada 40 komponen yang cantik dan responsif, Ia terdiri daripada daripada pemintal kepada kalendar dan apa sahaja di antaranya. WaveUI juga menawarkan utiliti, kebolehsesuaian dan keupayaan pengesahan borang bersepadu yang canggih.

Komponen yang disediakan oleh WaveUI sangat cantik, kesan animasi juga sangat bagus, dan gayanya konsisten sepanjang rangka kerja. Pilihan terbaik untuk aplikasi Vue3 responsif gred perusahaan.

19 Vuestic

Vuestic ialah salah satu panel pengurusan sumber terbuka yang paling cantik untuk Vue. Ia pandai menulis kod Vue yang boleh diselenggara dan membuat komponen dan antara muka yang fleksibel.

Tapak web rasmi: https://vuestic.dev/

Pasukan baru-baru ini mengeluarkan versi Vue3 Vuestic, yang merangkumi UI Pentadbiran Vuestic yang popular dan Lebih banyak komponen. Vuestic menyerlahkan sokongan luar biasa untuk navigasi papan kekunci, satu ciri yang popular dalam kalangan komuniti hadapan kerana pengalaman pengguna yang disediakannya.

Vuestic menawarkan lebih 50 komponen dengan fungsi unik dan kebolehkonfigurasian yang meluas, direka bentuk responsif untuk berfungsi pada hampir setiap resolusi skrin. Vuestic menyediakan sokongan terjemahan yang lancar dan kebolehaksesan papan kekunci di seluruh rangka kerja.

Vuestic telah mengukuhkan dirinya sebagai salah satu rangka kerja UI Vue3 yang paling cantik dengan katalog komponennya yang cantik. Mereka kini meningkatkan langkah untuk mencipta komponen yang lebih kompleks, seperti pemilih tarikh atau jadual data, yang pastinya kreatif seperti produk semasa mereka.

20. Ionic

Tapak web rasmi: https://ionicframework.com/docs/vue/overview

Ionic ialah salah satu rangka kerja UI pertama yang menyediakan sokongan Vue3 Ionic lebih cenderung kepada UI mudah alih dan pasukan itu tahu cara untuk memenuhi dan mengekalkan rangka kerja UI yang sangat baik.

Ionic Vue ialah rangka kerja yang sangat matang dengan komuniti yang hebat, banyak soalan StackOverflow, sokongan perusahaan dan saluran Slack yang besar dengan ahli teras Memudahkan mendapatkan sokongan apabila anda memerlukan bantuan.

Rangka kerja Ionic Vue mempunyai 45k bintang di Github dan telah digunakan oleh banyak syarikat besar, termasuk Airbus dan Electronic Arts, dan pasukan Ionic terkenal kerana mahir dalam mengekalkan rangka kerja UI mereka Yang terkenal, ini adalah pilihan terbaik sekarang dan akan datang.

21. UI Naif

Tapak web rasmi: https://www.naiveui.com/zh-CN/os-theme

UI Naif Disiarkan di Twitter dan kemudian ditweet semula oleh pencipta Vue, ia membawa banyak trafik ke perpustakaan komponen yang baru lahir. Kini, Naive UI telah mencapai 5.1k bintang di GitHub dalam masa kurang daripada tiga bulan.

Ia menyediakan lebih 70 komponen yang dibuat dengan baik yang boleh disepadukan dengan lancar ke dalam hampir semua jenis aplikasi Vue3. Komponen Naive mempunyai prestasi cemerlang, sangat disesuaikan dan menyokong TypeScript, memberikan pengalaman pembangunan yang hebat.

Tapak dokumentasi mudah dinavigasi dan menampilkan input penyesuaian penuh untuk membantu pembangun pratonton cara komponen akan kelihatan dalam tema mereka sendiri. Anda boleh menggunakan pilihan ini untuk mencipta tema lengkap anda sendiri dengan corak warna dan fon. Tema tersuai ini boleh dimuat turun dan ditambah dengan mudah pada aplikasi untuk mengatasi lalai.

22. Quasar

Tapak web rasmi: https://next.quasar.dev/

Quasar ialah rangka kerja A yang berfokuskan prestasi untuk membantu membina antara muka pengguna Vue (SPA, PWA, SSR, mudah alih dan desktop), sebagai tambahan kepada Vue, Node dan Webpack, Quasar juga termasuk Cordova, Capacitor dan Electron, yang boleh membantu membina pengalaman desktop dan mudah alih tanpa perlu mempelajarinya secara berasingan .

Rangka kerja Quasar nampaknya berdasarkan Reka Bentuk Bahan, tetapi sebaik sahaja anda bermula, segala-galanya sangat disesuaikan agar sesuai dengan sistem reka bentuk anda sendiri.

Sokongan Vue3 juga datang dengan pantas, dan Quasar telah mengeluarkan hampir semua komponen, pemalam dan arahan v1. Selain itu, mereka telah mengeluarkan komponen boleh gubah untuk membantu pembangun memperoleh pemahaman yang lebih mendalam tentang API Quasar.

23. PrimeVUE

Tapak web rasmi: https://primefaces.org/primevue/showcase/#/setup

PrimeVUE juga yang terawal menyokong Salah satu rangka kerja yang hebat untuk Vue3 dan ia tidak mengecewakan. Dengan lebih 80 komponen, PrimeVUE membuktikan dirinya sebagai salah satu rangka kerja dengan rangkaian komponen terluas dalam senarai ini.

Komponen termasuk borang kata laluan dengan tolok, peluncur, pokok, graf, butang belah, tombol, carta dan banyak lagi. PrimeVUE juga berintegrasi dengan Vuelidate, perpustakaan pengesahan borang. Didatangkan dengan tema pra-dibuat dan menyediakan editor visual yang matang untuk membantu pembangun menyesuaikan tema mereka sendiri.

[Tutorial video berkaitan yang disyorkan: tutorial pengenalan vuejs, bermula dengan bahagian hadapan web]

Atas ialah kandungan terperinci Apakah rangka kerja yang boleh digunakan untuk vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!