Quels sont les frameworks d'interface utilisateur front-end de Vue ?

Les frameworks d'interface utilisateur frontale Vue incluent : Element, iview, vuetify, vue-strap, cube-ui, buefy, vue-beauty, at-ui, Vue-Blu, vue-storefront, Vux, Mint UI , Van etc.

L'environnement d'exploitation de cet article : système Windows10, vue 2.0, ordinateur Thinkpad T480.

Recommandations associées : "tutoriel vue.js"

framework d'interface utilisateur frontale vue

1 : Élément

Adresse du site officiel : http://element-cn.eleme.io/#/zh-CN

Introduction : Le composant bouton du framework element ui, ce framework d'interface utilisateur open source par Ele.me front-end, une fois Dès sa sortie, il a conquis le cœur d'un grand nombre de programmeurs. Sur github, le nombre d'étoiles atteint 29,8k, ce qui explique déjà tout. C'est largement suffisant pour développer des pages côté PC. Si vous êtes un développeur Vue mais que vous n'avez jamais utilisé l'interface utilisateur d'élément, vous n'êtes certainement pas un développeur Vue qualifié.

Deux : iview

Adresse officielle du site Web : https://www.iviewui.com/

Introduction : iView est une bibliothèque de composants d'interface utilisateur open source basée sur Vue.js . Servant principalement des produits mid-end et back-end pour les interfaces PC. Le modèle de développement de composants Vue utilisant un seul fichier est développé sur la base de npm + webpack + babel. Il prend en charge l'API ES2015 de haute qualité, riche en fonctionnalités et conviviale, permettant une utilisation libre et flexible de l'espace. Il est développé et maintenu par TalkingData, et. est utilisé par de nombreuses sociétés Internet bien connues.

Trois : vuetify

Adresse officielle du site Web : https://vuetifyjs.com/zh-Hans/

Introduction : Vuetifyjs fournit une disposition de l'interface utilisateur selon les spécifications de conception matérielle. La version V 1.0 Alpha fournit plus de 80 composants réutilisables avec une conception sémantique facile à retenir basée sur des attributs de type avec des noms simples et clairs, tapez comme vous le souhaitez. Il y a plus de 7 000 étoiles sur GitHub.

Quatre : vue-strap

Adresse officielle du site Web : http://yuche.github.io/vue-strap/

Introduction : composant Bootstrap basé sur Vue.js Le référentiel contient une collection de composants Vue.js natifs basés sur le balisage Bootstrap et CSS. Il n'y a donc pas besoin de fichiers JavaScript jQuery et Bootstrap. La seule chose sur laquelle vous devez compter est : Vue.js Bootstrap CSS VueStrap ne dépend pas d'une version Bootstrap très précise. Si vous aimez le bootstrap mais que vous ne souhaitez pas changer la méthode de développement de jquery, c'est le meilleur choix.

Cinq : cube-ui

Adresse officielle du site Web : https://didi.github.io/cube-ui/#/zh-CN/example

Introduction : cube -ui est une bibliothèque de composants mobiles exquise basée sur Vue.js développée par l'équipe Didi. Il prend en charge l'introduction et la post-compilation à la demande, est léger et flexible ; a une forte évolutivité et peut facilement mettre en œuvre un développement secondaire basé sur les composants existants.

Six : buefy

Adresse officielle du site Web : https://buefy.github.io/#/

Introduction : Buefy est une interface utilisateur légère basée sur Bulma et Vue. js Components, qui fournissent des composants légers prêts à l’emploi. Bien que la sélection de composants soit limitée, cela vaut la peine d'essayer.

Seven : vue-beauty

Adresse du site officiel : https://fe-driver.github.io/vue-beauty/#/components/button

Introduction : Basé sur la magnifique bibliothèque de composants vue d'Ant design ; vue-beauty est un ensemble de bibliothèques de composants d'interface utilisateur côté PC basées sur vue.js et les styles ant-design, conçues pour aider les développeurs à améliorer l'expérience produit et l'efficacité du développement, et à réduire les coûts de maintenance.

Huit : at-ui

Adresse officielle du site Web : https://at-ui.github.io/at-ui/#/zh

Introduction : AT- UI Il s'agit d'un framework d'interface utilisateur frontal modulaire qui développe des interfaces Web rapides et puissantes basées sur Vue.js. Conçu spécifiquement pour les applications de bureau, AT-UI fournit un ensemble de workflow de développement frontal npm + webpack + babel. La documentation entièrement en anglais peut être un défi pour les utilisateurs, mais elle fournit un composant d'interface utilisateur propre et bien rangé.

9 : Vue-Blu

Adresse officielle du site Web : https://chenz24.github.io/vue-blu/#/

Introduction : Vue-Blu est basé sur Vuejs et une bibliothèque de composants d'interface utilisateur open source développée par Bulma. Il vise à fournir une solution rapide et flexible pour le développement front-end côté PC (en particulier les produits middle et back-end). Composants d'interface utilisateur complets, flexibles et puissants avec une API conviviale.

Dix : vue-storefront

Adresse officielle du site Web : http://vuestorefront.io/

Introduction : Vue.js Storefront - un framework pour intégrer PWA dans e- commerce, Prise en charge de l'accès hors ligne

Onze : Vux

Adresse officielle du site Web : https://vux.li/

Introduction : VUX (prononciation [v'ju:z] , identique à Views) est une bibliothèque de composants d'interface utilisateur mobile développée sur la base de WeUI et Vue (2.x), qui sert principalement les pages WeChat.

Douze : Mint UI

Adresse du site Web officiel : http://mint-ui.github.io

Introduction : Mint UI contient des composants CSS et JS riches, qui peuvent Répondez aux besoins quotidiens de développement mobile. Grâce à lui, vous pouvez rapidement créer une page avec un style unifié et améliorer l'efficacité du développement.

Treize : Vant

Documentation chinoise : https://youzan.github.io/vant/#/zh-CN/intro

Introduction : l'équipe front-end de Youzan La bibliothèque de composants Vue implémentée sur la base des spécifications unifiées de Youzan fournit un ensemble complet de composants de base et de composants métier de l'interface utilisateur.

Quatorze : Muse-ui

Adresse officielle du site Web : https://muse-ui.org/#/zh-CN

Muse UI est développé sur la base de Vue2. 0. Vue2.0 est actuellement l'un des frameworks front-end les plus rapides. Il est petit, compatible avec les API et peut être utilisé pour développer des applications complexes d'une seule page.

Vous pouvez choisir le framework qui convient à votre projet et l'utiliser

Recommandations associées :

Un résumé des questions d'entretien Front-end Vue en 2020 (avec réponses)

Recommandation du didacticiel Vue : 2020 dernières sélections de didacticiels vidéo 5 vue.js

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!