Qu'est-ce qu'elementUI dans vue

ElementUI dans vue est un ensemble de bibliothèques de composants d'interface utilisateur implémentées sur la base de vue qui ne repose pas sur l'entreprise. Il fournit un ensemble riche de composants côté PC, réduit l'encapsulation par les utilisateurs des composants couramment utilisés et réduit le nombre d'utilisateurs. facilité de développement.

L'environnement d'exploitation de cet article : système Windows10, vue 2.9, ordinateur thinkpad t480.

[Articles gratuits recommandés : vue.js]

1. Introduction à vue

Vue est un framework JavaScript progressif permettant de créer des interfaces utilisateur. Les développeurs doivent uniquement se concentrer sur la couche d'affichage. Il est non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants. Il est basé sur l'idée de conception de MVVM (Model-View-ViewModel, à savoir : vue couche-vue modèle couche-modèle couche). Fournit une bibliothèque pour la liaison bidirectionnelle des données MVVM, en se concentrant sur le niveau de l'interface utilisateur.

2. Introduction à Element-Ui

Element est un ensemble de bibliothèques de composants d'interface utilisateur basées sur une vue qui ne repose pas sur l'entreprise. Il fournit un ensemble riche de PC. -côté composants et réduit le nombre d'utilisateurs. L'encapsulation des composants couramment utilisés réduit la facilité de développement.

3. La relation entre vue et Element-Ui

• Element-Ui est une bibliothèque de composants basée sur l'encapsulation de vue, qui simplifie les composants couramment utilisés. L'encapsulation des composants améliore le principe de réutilisabilité

• vue est un framework progressif, et Element-Ui est une bibliothèque de composants ; 🎜>

  4.Utilisation de vue+Element-Ui

Étape 1 : Installer l'échafaudage vue-cli (Remarque : le principe est de s'assurer que nodejs est installé. Vous pouvez vérifier en ouvrant cmd et en entrant node -v. Que ce soit pour l'installer ou non, la ligne de commande affiche la version de nodejs, ce qui signifie que l'installation est réussie) Étape 2 : Une fois l'installation de nodejs terminée, utilisez la commande pour installer vue et vue-cli. La commande est la suivante :

cnpm install vuecnpm install vue-cli -g

Remarque : - g signifie installation globale

Étape 3 : Initialisez webpack, la commande est la suivante :

vue init webpack 项目名

Étape 4 : Remplissez selon les invites lors de l'initialisation. Une fois terminé, element-ui peut être installé, puis dans index, introduisez simplement l'enregistrement global dans js, ​​comme indiqué ci-dessous :

Installer element-. ui

cnpm install element-ui --save
index.js中引入全局注册  
import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)

Recommandations d'apprentissage gratuites associées :

javascript (Vidéo)

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!