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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

L'utilisation d'ECharts dans Vue facilite l'ajout de fonctionnalités de visualisation de données à votre application. Les étapes spécifiques incluent : l'installation des packages ECharts et Vue ECharts, l'introduction d'ECharts, la création de composants de graphique, la configuration des options, l'utilisation de composants de graphique, la création de graphiques réactifs aux données Vue, l'ajout de fonctionnalités interactives et l'utilisation avancée.

Question : Quel est le rôle de l'exportation par défaut dans Vue ? Description détaillée : export default définit l'export par défaut du composant. Lors de l'importation, les composants sont automatiquement importés. Simplifiez le processus d’importation, améliorez la clarté et évitez les conflits. Couramment utilisé pour exporter des composants individuels, en utilisant à la fois les exportations nommées et par défaut, et pour enregistrer des composants globaux.

La fonction map Vue.js est une fonction intégrée d'ordre supérieur qui crée un nouveau tableau où chaque élément est le résultat transformé de chaque élément du tableau d'origine. La syntaxe est map(callbackFn), où callbackFn reçoit chaque élément du tableau comme premier argument, éventuellement l'index comme deuxième argument, et renvoie une valeur. La fonction map ne modifie pas le tableau d'origine.

onMounted est un hook de cycle de vie de montage de composant dans Vue. Sa fonction est d'effectuer des opérations d'initialisation après le montage du composant sur le DOM, telles que l'obtention de références aux éléments du DOM, la définition de données, l'envoi de requêtes HTTP, l'enregistrement d'écouteurs d'événements, etc. Il n'est appelé qu'une seule fois lorsque le composant est monté. Si vous devez effectuer des opérations après la mise à jour du composant ou avant sa destruction, vous pouvez utiliser d'autres hooks de cycle de vie.

Il existe deux manières d'exporter des modules dans Vue.js : exporter et exporter par défaut. export est utilisé pour exporter des entités nommées et nécessite l'utilisation d'accolades ; export default est utilisé pour exporter des entités par défaut et ne nécessite pas d'accolades. Lors de l'importation, les entités exportées par export doivent utiliser leurs noms, tandis que les entités exportées par défaut d'exportation peuvent être utilisées implicitement. Il est recommandé d'utiliser l'exportation par défaut pour les modules qui doivent être importés plusieurs fois et d'utiliser l'exportation pour les modules qui ne sont exportés qu'une seule fois.

Les hooks Vue sont des fonctions de rappel qui effectuent des actions sur des événements spécifiques ou des étapes du cycle de vie. Ils incluent des hooks de cycle de vie (tels que beforeCreate, Mounted, beforeDestroy), des hooks de gestion d'événements (tels que click, input, keydown) et des hooks personnalisés. Les hooks améliorent le contrôle des composants, répondent aux cycles de vie des composants, gèrent les interactions des utilisateurs et améliorent la réutilisabilité des composants. Pour utiliser des hooks, définissez simplement la fonction hook, exécutez la logique et renvoyez une valeur facultative.

Les modificateurs d'événements Vue.js sont utilisés pour ajouter des comportements spécifiques, notamment : empêcher le comportement par défaut (.prevent) arrêter le bouillonnement d'événements (.stop) événement ponctuel (.once) capturer l'événement (.capture) écouter passivement les événements (.passive) Adaptatif modificateur (.self)Modificateur de touche (.key)

onMounted dans Vue correspond à la méthode de cycle de vie useEffect dans React, avec un tableau de dépendances vide [], exécuté immédiatement après le montage du composant sur le DOM.
