Frameworks d'interface utilisateur disponibles pour le terminal mobile vuejs : 1. iView ; 2. Vux ; 4. Mint UI ; 6. Ant Design Vue ; , cube-ui 10, Muse-UI, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.
Vue est une bibliothèque MVVM légère, hautes performances et composable avec une API simple et claire, ce qui facilite le démarrage. Depuis son lancement, Vue a été reconnu par de nombreux développeurs web. Dans le cadre du développement de projets Web front-end de l'entreprise, plusieurs projets sont développés à l'aide du cadre de composants d'interface utilisateur basé sur Vue et mis en service formel. Après que l'équipe de développement ait utilisé le framework Vue.js et la bibliothèque de composants d'interface utilisateur, l'efficacité du développement a été considérablement améliorée, elle a écrit moins de code et de nombreux composants d'effet d'interface ont été encapsulés.
Dans le processus de sélection de la bibliothèque de composants Vue UI, nous avons également collecté et compilé d'excellentes bibliothèques de composants Vue UI en fonction de facteurs tels que le nombre d'étoiles, la richesse des documents, la fréquence des mises à jour et la maintenance sur GitHub.
iView est un ensemble de bibliothèques de composants d'interface utilisateur open source basées sur Vue.js, qui sert principalement des produits mid-end et back-end pour les interfaces PC. Les composants d'iView sont relativement complets, mis à jour rapidement et la documentation est très détaillée. Maintenu par l'équipe de l'entreprise, il s'agit d'un framework de composants Vue UI relativement fiable
. L'écosystème iView se porte également très bien, et il existe également un iView Admin open source, ce qui est très pratique pour le travail backend. Selon le site officiel, iView a été utilisé dans les produits de grandes entreprises telles que TalkingData, Alibaba, Baidu, Tencent, Toutiao, JD.com, Didi Chuxing, Meituan, Sina, Lenovo et d'autres grandes entreprises.
Site officiel d'iView : https://www.iviewui.com/.
Vux est une bibliothèque de composants d'interface utilisateur mobile développée sur la base de WeUI et Vue2.x, servant principalement les pages WeChat. Le positionnement de Vux a été très clair. L'un est : la bibliothèque de composants d'interface utilisateur mobile Vue, et l'autre est : la bibliothèque de styles de base de WeUI. Les composants de Vux couvrent tout le contenu WeUI et étendent également certains composants couramment utilisés. Par exemple : Sticky, timeline, v-chart, XCircle.
Vux est entretenu par des particuliers. Mais l’étoile sur GitHub est toujours très haute, atteignant 13k. J'ai vu que le problème était résolu très rapidement sur GitHub. L'utilisation des composants de base et les effets du document Vux sont expliqués sur place.
De nombreux cas d'utilisation de Vux sont également affichés sur le site officiel de vux. Dans le développement des pages WeChat, il n'y a fondamentalement pas trop de bugs et le développement est relativement fluide.
Site officiel de Vux : https://vux.li/.
Element, un ensemble de bibliothèques de composants de bureau basées sur Vue 2.0 pour les développeurs, les concepteurs et les chefs de produit.
Element est une bibliothèque de composants Vue UI maintenue par l'open source front-end d'Ele.me. La fréquence de mise à jour est toujours très élevée et une nouvelle version sera publiée pratiquement chaque semaine à un demi-mois. Les composants sont complets et couvrent essentiellement tous les composants requis par le backend. La documentation explique en détail et contient de nombreux exemples. Je ne l'ai jamais utilisé en pratique. Il existe de nombreux tutoriels et articles Element sur Internet.
Element doit être une bibliothèque de composants Vue UI de relativement haute qualité.
Site officiel d'Element : http://element.eleme.io/#/zh-CN.
Mint UI est une bibliothèque de composants mobiles basée sur Vue.js, également d'Ele. .me Projets front-end. Mint UI consiste véritablement à charger des composants à la demande. Vous pouvez charger uniquement les composants déclarés et leurs fichiers de style. Mint UI utilise CSS3 pour gérer diverses animations afin d'éviter les redessins et redistributions inutiles du navigateur, permettant aux utilisateurs d'avoir une expérience fluide et fluide.
De nombreux didacticiels vidéo en ligne sont basés sur Mint UI. Il est très pratique de développer des projets Web mobiles, et la documentation est également très concise et claire. De nombreux composants de l'interface utilisateur de Mint ont été encapsulés. Vous pouvez essentiellement les écrire selon les exemples et les implémenter avec des ajustements simples.
Cependant, la dernière soumission de code sur GitHub remonte au 16 janvier 2018, soit il y a six mois. Je ne sais pas si le projet est relativement stable et n'a pas été mis à jour, ou si le projet risque d'être abandonné. Nous continuerons à prêter attention à la dynamique de Mint UI.
Site Web officiel de Mint UI : http://mint-ui.github.io/.
Bootstrap-VUE fournit l'implémentation des composants Bootstrap V4 et du système de grille basé sur vue2. , complété par un balisage d'accessibilité WAI ARA étendu et automatisé. uiv est une implémentation Bootstrap 3 basée sur Vue2. Bootstrap 4 est la dernière version par rapport à Bootstrap 3, il possède des classes plus spécifiques et transforme certaines parties associées en composants associés. Dans le même temps, la taille de Bootstrap.min.css a été réduite de plus de 40 %.
Bootstrap4 a abandonné la prise en charge d'IE8 et d'iOS 6 et ne prend désormais en charge que les navigateurs IE9 et supérieurs et iOS 7 et supérieurs. À l’époque où les sites Web réactifs sont devenus populaires, Bootstrap était le framework le plus populaire au monde pour créer des sites Web axés sur les mobiles. On peut dire que Bootstrap était populaire dans le monde entier.
Même aujourd'hui, de nombreux sites Web d'entreprise sont réactifs grâce à Bootstrap. Bootstrap-Vue vous permet d'obtenir des effets Bootstrap dans Vue.
Site officiel de Bootstrap-Vue : https://bootstrap-vue.js.org/
Site officiel de uiv : https://uiv.wxsm.space/.
Ant Design Vue est l'implémentation Vue d'Ant Design 3.X, développée et utilisée pour les produits backend au niveau de l'entreprise. Plusieurs composants Ant Design Vue peuvent être trouvés sur GitHub. Mais en comparaison, Ant Design Vue est meilleur.
Ant Design Vue partage le système d'outils de conception Ant Design of React, implémente tous les composants Ant Design of React et prend en charge les navigateurs modernes et IE9 et supérieur (nécessite des polyfills). Il permet à ceux qui connaissent Ant Design de démarrer facilement avec Vue.
Site officiel d'Ant Design Vue : https://vuecomponent.github.
AT-UI est une bibliothèque de composants d'interface utilisateur frontale basée sur Vue.js 2.0, principalement. utilisé pour développer rapidement des produits milieu et back-end pour les sites Web PC, prenant en charge les navigateurs modernes et IE9 et supérieur. AT-UI est plus rationalisé et implémente les composants couramment utilisés en arrière-plan.
Site officiel d'AT_UI : https://at-ui.github.io/.
Vant est une bibliothèque de composants Vue mobile légère et fiable. Vant est open source par l'équipe Youzan et est principalement maintenu par l'équipe Youzan. Vant Weapp est une version mini-programme de Vant, une bibliothèque de composants mobiles de Youzan. Les deux sont basés sur les mêmes spécifications visuelles et fournissent des interfaces API cohérentes pour aider les développeurs à créer rapidement des mini-applications. Jusqu’à présent, Vant dispose de plus de 50 composants open source qui ont été testés par l’activité en ligne de Youzan.
Par exemple : édition d'adresse AddressEdit, liste d'adresses AddressList, sélection de la province et de la ville, carte, personne de contact, coupon de réduction, point d'action de la page produit GoodsAction, colonne de commande de soumission SubmitBar, couche contextuelle de spécification de produit Sku. Si vous construisez un centre commercial et que vous ne vous souciez pas beaucoup de l'interface et de la mise en œuvre de la logique métier, vous pouvez développer rapidement à l'aide de la bibliothèque de composants Vant.
Site officiel de Vant : https://youzan.github.io/.
cube-ui est une bibliothèque de composants mobiles exquise basée sur Vue.js. Il est rationalisé et affiné à partir de la bibliothèque de composants interne de Didi et a fait l'objet de plus d'un an de tests commerciaux. Chaque composant dispose de suffisamment de tests unitaires pour garantir une intégration ultérieure. Poursuivez le summum de l’expérience interactive. Suivez les normes d'interaction de conception unifiées pour restaurer fortement l'effet de conception ; l'interface est standardisée et l'utilisation est unifiée et standardisée, ce qui rend le développement plus simple et plus efficace. 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.
Site officiel de cube-ui : https://didi.github.io/.
Muse-UI est basée sur l'élégante bibliothèque de composants d'interface utilisateur Material Design de Vue 2.0. Muse UI dispose de plus de 40 composants d'interface utilisateur pour s'adapter à différents environnements commerciaux. L’interface utilisateur de Muse ne nécessite qu’une petite quantité de code pour terminer le remplacement du style de thème. Muse UI peut être utilisé pour développer des applications complexes d'une seule page
Site officiel de Muse-UI : https://muse-ui.org/#/zh-CN.
Bibliothèque de composants N3 Elle est construite sur la base de Vue.js, permettant aux ingénieurs front-end et aux ingénieurs full-stack de créer rapidement des pages et des applications. Les composants N3 contiennent plus de 60 composants, une liste de composants, des styles personnalisés, prennent en charge plusieurs paradigmes de modélisation (UMD) et sont développés à l'aide d'ES6.
Site officiel de N3 : https://n3-components.github.
Mand Mobile est une bibliothèque de composants d'interface utilisateur mobile Vue pour les scénarios financiers. Elle est riche, flexible et pratique, et peut être rapidement réalisée. créer des services financiers de haute qualité. Des produits comme celui-ci simplifient les scénarios financiers complexes. Mand Mobile contient des composants riches et plus de 30 composants de base, couvrant des scénarios financiers. Les composants extrêmement faciles à utiliser disposent tous d'une documentation détaillée et de démonstrations de cas. Il s'appuie sur la technologie la plus avancée, implémente la modularisation et la légèreté, prend en compte la stabilité. et de qualité, et s'efforce d'atteindre une couverture complète des scénarios financiers.
Site officiel de Mand Mobile : https://didi.github.io/.
we-vue est une bibliothèque de composants mobiles basée sur Vue.js, combinée avec weui. La bibliothèque de styles CSS encapsule une série de composants et est très adaptée au développement mobile tel que les comptes officiels WeChat. we-vue contient plus de 35 composants, la couverture des tests unitaires dépasse 98 %, prend en charge l'importation de plugins babel, une documentation en ligne complète et des exemples en ligne détaillés.
site officiel de we-vue : https://wevue.org/.
veui est une bibliothèque de composants d'interface utilisateur Vue au niveau de l'entreprise développée par l'équipe Baidu EFE. Il n'y a actuellement aucune documentation, seulement une démo. GitHub dit que c'est un travail en cours. Alors attendons patiemment.
Site officiel de veui : https://ecomfe.github.io/.
Semantic-UI-Vue est une implémentation du framework Semantic-UI basé sur Vue. .js. Semantic est un cadre de développement qui aide les développeurs à créer des mises en page réactives élégantes à l'aide d'un langage HTML convivial. Semantic-UI-Vue fournit une API similaire à Semantic-UI et un ensemble de thèmes personnalisables.
Site officiel de Semantic-UI-Vue : https://semantic-ui-vue.github.
vue-beauty est un client PC basé sur vue.js et le style ant-design La bibliothèque de composants d'interface utilisateur est conçue pour aider les développeurs à améliorer l'expérience produit et l'efficacité du développement, ainsi qu'à réduire les coûts de maintenance. vue-beauty contient une multitude de composants, couvrant des scénarios courants, basés sur le développement de composants Vue, des vues basées sur les données, encapsulant la complexité, fournissant une API simple et conviviale et basée sur l'optimisation du style de conception des fourmis.
Site officiel de vue-beauty : https://fe-driver.github.io/.
NutUI est une bibliothèque de composants Vue mobile de style JD qui développe et sert des interfaces Web mobiles d'entreprise. niveaux de produits front, middle et back-end. La bibliothèque de composants NutUI prend en charge plusieurs plates-formes, se convertit automatiquement en composants d'applet WeChat (sera lancé plus tard, alors restez à l'écoute), est utilisée par plus de 30 projets de terminaux mobiles JD, est basée sur les spécifications visuelles JD APP 7.0, prend en charge à la demande chargement, et dispose d'une documentation détaillée et d'exemples. Il prend en charge les thèmes personnalisés, prend en charge le multilingue (internationalisation), prend en charge TypeScript, prend en charge le rendu côté serveur (Vue SSR), le support des tests unitaires et est équipé d'un outil de construction basé sur Webpack, qui peut créer rapidement un projet Vue avec cette bibliothèque de composants intégrée.
Site officiel de NutUI : https://nutui.jd.com/#/index.
Lors du choix d'un framework, vous devez le choisir en fonction de la situation réelle de développement Web et de la familiarité de l'équipe. Une bonne bibliothèque de composants d'interface utilisateur est trop importante pour un projet Web. Une bonne bibliothèque de composants d'interface utilisateur peut obtenir deux fois le résultat avec la moitié de l'effort.
Recommandations associées : "Tutoriel vue.js"
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!
Le composant parent Vue appelle la méthode du composant enfant
vue v-si
La différence entre vue2.0 et 3.0
Comment transmettre une valeur au composant vue
La différence entre vue3.0 et 2.0
vue instructions communes
Quelles sont les instructions couramment utilisées dans vue ?
Quelles sont les méthodes de création d'un site Web mobile ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
