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)
Comment référencer le fichier JS avec Vue.js
Apr 07, 2025 pm 11:27 PM
Il existe trois façons de se référer aux fichiers JS dans Vue.js: spécifiez directement le chemin à l'aide du & lt; script & gt; étiqueter;; importation dynamique à l'aide du crochet de cycle de vie monté (); et l'importation via la bibliothèque de gestion de l'État Vuex.
Comment utiliser Bootstrap en Vue
Apr 07, 2025 pm 11:33 PM
L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.
Comment utiliser Watch in Vue
Apr 07, 2025 pm 11:36 PM
L'option Watch dans Vue.js permet aux développeurs d'écouter des modifications de données spécifiques. Lorsque les données changent, regardez déclenche une fonction de rappel pour effectuer des vues de mise à jour ou d'autres tâches. Ses options de configuration incluent immédiatement, qui spécifie s'il faut exécuter un rappel immédiatement, et profond, ce qui spécifie s'il faut écouter récursivement les modifications des objets ou des tableaux.
Vue réalise l'effet de défilement de chapiteau / texte
Apr 07, 2025 pm 10:51 PM
Implémentez les effets de défilement marquee / texte dans VUE, en utilisant des animations CSS ou des bibliothèques tierces. Cet article présente comment utiliser l'animation CSS: créer du texte de défilement et envelopper du texte avec & lt; div & gt;. Définissez les animations CSS et défini: caché, largeur et animation. Définissez les images clés, Set Transforment: Translatex () au début et à la fin de l'animation. Ajustez les propriétés d'animation telles que la durée, la vitesse de défilement et la direction.
Que signifie la charge paresseuse?
Apr 07, 2025 pm 11:54 PM
Dans vue.js, le chargement paresseux permet de charger dynamiquement les composants ou les ressources, en réduisant le temps de chargement des pages initiales et en améliorant les performances. La méthode de mise en œuvre spécifique comprend l'utilisation de & lt; keep-alive & gt; et & lt; composant est & gt; composants. Il convient de noter que le chargement paresseux peut provoquer des problèmes de FOUC (écran d'éclat) et ne doit être utilisé que pour les composants qui nécessitent un chargement paresseux pour éviter les frais généraux de performances inutiles.
Comment interroger la version de Vue
Apr 07, 2025 pm 11:24 PM
Vous pouvez interroger la version Vue en utilisant Vue Devtools pour afficher l'onglet Vue dans la console du navigateur. Utilisez NPM pour exécuter la commande "NPM List -g Vue". Recherchez l'élément VUE dans l'objet "dépendances" du fichier package.json. Pour les projets Vue CLI, exécutez la commande "Vue --version". Vérifiez les informations de la version dans le & lt; script & gt; Tag dans le fichier html qui fait référence au fichier VUE.
Comment revenir à la page précédente par Vue
Apr 07, 2025 pm 11:30 PM
Vue.js dispose de quatre méthodes pour revenir à la page précédente: $ router.go (-1) $ router.back () utilise & lt; router-link to = & quot; / & quot; Composant Window.History.back (), et la sélection de la méthode dépend de la scène.
Comment utiliser Vue Traversal
Apr 07, 2025 pm 11:48 PM
Il existe trois méthodes courantes pour que Vue.js traverse les tableaux et les objets: la directive V-FOR est utilisée pour traverser chaque élément et les modèles de rendu; La directive V-Bind peut être utilisée avec V-FOR pour définir dynamiquement les valeurs d'attribut pour chaque élément; et la méthode .map peut convertir les éléments du tableau en nouveaux tableaux.
