5 bibliothèques de composants d'interface utilisateur mobile Vue adaptées à un usage domestique

Cet article partagera avec vous 5 bibliothèques de composants d'interface utilisateur mobile Vue adaptées à un usage domestique. J'espère qu'il sera utile à tout le monde !

Quelque temps après la sortie de la version officielle de Vue 3, les principales bibliothèques de composants et frameworks ont pris en charge et optimisé Vue 3. En particulier, la bibliothèque de composants mobiles Vue a été mise à niveau à pas de géant. Plusieurs grands fabricants ont également pleinement adopté Vue 3 et ont successivement publié des bibliothèques de composants d'interface utilisateur mobile prenant en charge Vue 3, ce qui est très digne d'Amway. (Partage de vidéos d'apprentissage : Tutoriel Vuejs)

Cet article examine la bibliothèque de composants d'interface utilisateur mobile Vue couramment utilisée en Chine et sélectionne 5 produits de maintenance gratuits à long terme provenant de sociétés Internet nationales de premier niveau ou d'entreprises/particuliers bien commercialisés. la bibliothèque est partagée avec tout le monde.

• Vant 3 - Bibliothèque de composants d'interface utilisateur mobile Youzan, prend en charge l'applet Vue 3 WeChat, l'applet Alipay
• Cube UI - Bibliothèque d'interface utilisateur mobile Didi Chuxing, qualité fiable, spécifications standard, forte évolutivité
• VUX - Bibliothèque de composants d'interface utilisateur de terminal mobile, fortement optimisé pour WeChat
• NUTUI 3.0 - Bibliothèque d'interface utilisateur mobile JD.com, orientée vers les scénarios commerciaux de commerce électronique, prend en charge Vue3
• Vuetify 3 - Vue UI vétéran, développée sur la base du style Material Design de Google, prend en charge Vue3

1 . Vant 3 - Bibliothèque de composants d'interface utilisateur mobile Youzan, prend en charge l'applet Vue 3 WeChat, l'applet Alipay

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

Première recommandation Le composant d'interface utilisateur mobile Vant 3. La bibliothèque open source de l'équipe Youzan prend non seulement entièrement en charge Vue 3, mais prend également en charge les mini-programmes WeChat et les mini-programmes Alipay. On peut dire que c'est le roi des bibliothèques de composants d'interface utilisateur mobile. Vant gère toutes les activités principales de Youzan en interne et sert plus de 100 000 développeurs en externe. Il s'agit de l'une des principales bibliothèques de composants mobiles du secteur.

Vant 3 a d'excellentes performances, la taille moyenne des composants est inférieure à 1 Ko (min+gzip) et dispose de plus de 65 composants intégrés de haute qualité, couvrant la plupart des besoins dans les scénarios d'utilisation grand public. Il existe plus de 700 variables thématiques et Tree-Shaking est introduit pour introduire des composants à la demande et réduire le volume d'emballage.

2. Cube UI - Bibliothèque d'interface utilisateur mobile Didi Chuxing, avec une qualité fiable, des spécifications standard et une forte évolutivité

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

La bibliothèque de composants Cube UI mobile Vue UI open source par l'équipe Didi est légère et facile à utiliser.

Cube UI a une qualité fiable et est rationalisé et affiné à partir de la bibliothèque de composants internes de Didi. Il a subi les tests commerciaux pendant plus d'un an et chaque composant dispose de suffisamment de tests unitaires pour garantir une intégration ultérieure. L'expérience ultime, dans le but d'une réponse rapide, d'une animation fluide et proche du natif, et de la poursuite de l'expérience interactive ultime.

La spécification standard de Cube UI suit les normes d'interaction de conception unifiées et restaure fortement les effets 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 a une forte évolutivité, 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.

3. VUX - Bibliothèque de composants d'interface utilisateur mobile, fortement optimisée pour WeChat

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

VUX est un terminal mobile discret. La bibliothèque de composants Vue UI est uniquement prise en charge par les intérêts personnels de l'auteur et est maintenue depuis 5 ou 6 ans. Au service principalement du terminal mobile, support convivial pour WeChat. La prise en charge de vux-loader garantit que les composants peuvent être utilisés à la demande sans se soucier de la taille excessive de l'emballage. VUX ne dépend pas entièrement de WeUI (la bibliothèque d'interface utilisateur de conception de WeChat) VUX étend un certain nombre de composants courants basés sur WeUI, mais essaie de garder le style global de l'interface utilisateur proche des spécifications de conception de WeUI.

4, NutUI 3.0 - Bibliothèque d'interface utilisateur mobile JD.com, orientée vers les scénarios commerciaux de commerce électronique

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

NutUI 3.0 est publié par la bibliothèque de composants d'interface utilisateur mobile JD.com Vue 3. Il est adapté aux mobiles et est spécialement optimisé pour les tests dans des scénarios commerciaux de commerce électronique mobile. Plus de 70 composants d'interface utilisateur de haute qualité, développés sur la base des spécifications visuelles JD APP 10.0, prennent en charge la référence à la demande, prennent en charge TypeScript et prennent en charge la personnalisation du thème. Vous pouvez utiliser le langage Vue pour écrire des applications sur des plates-formes de programmes H5 et mini, ce qui nous aide à améliorer l'efficacité et l'expérience de développement.

5, Vuetify 3 - Vue UI vétéran, développé sur la base du style Material Design de Google

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

Vuetify est l'ancienne bibliothèque de composants Vue UI, qui fournit un riche ensemble de composants couramment utilisés (plus de 100 composants), adaptés à une utilisation dans la plupart des scénarios Condition. Vuetify est développé sur la base du style Material Design de Google et peut générer une fonction d'interface très soignée et rafraîchissante sans écrire une ligne de CSS. Vuetify prend en charge les PC et les terminaux mobiles. Il est particulièrement optimisé pour les terminaux mobiles, il est réactif, simple à configurer, dispose d'un système réseau réactif, prend en charge le traitement des événements, prend en charge plusieurs navigateurs et même IE 11 est pris en charge. Vuetify a publié une version prenant en charge Vue 3. Si vous envisagez de futurs problèmes de migration, vous pouvez l'utiliser en toute confiance.

Extension : Bibliothèque de composants Vue UI et KaraCloud

Cet article présente 5 bibliothèques de composants Vue mobile UI Bien que ces bibliothèques de composants puissent nous empêcher de réinventer la roue, le débogage front-end est parfois très difficile. Les gens deviennent fous. Si vous ne souhaitez pas résoudre les problèmes du front-end, il est recommandé d'utiliser Kara Cloud. Kara Cloud a divers composants intégrés. Vous n'avez pas besoin de connaître un front-end, vous pouvez les générer rapidement. glisser-déposer.

Il s'agit d'un système de gestion backend CURD de base de données construit avec Kara Cloud. Il vous suffit de glisser-déposer des composants pour terminer la construction en 10 minutes.

Voir plus de modèles : https://kalacloud.com/templates/

Adresse originale : https://kalacloud.com/blog/best-vue-mobile-ui-component-libraries/

( Partage de vidéos d'apprentissage : Développement web front-end, Introduction à la 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!