Ein Artikel, der Ihnen hilft, die Grundlagen von VUE zu verstehen

Was ist VUE

Vue (ausgesprochen /vjuː/, ähnlich wie „view“) ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. Anders als andere große Frameworks ist Vue darauf ausgelegt, Schicht für Schicht von unten nach oben angewendet zu werden. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene. Dies erleichtert nicht nur den Einstieg, sondern lässt sich auch problemlos in Bibliotheken von Drittanbietern oder vorhandene Projekte integrieren. Andererseits ist Vue in Kombination mit einer modernen Toolchain und verschiedenen unterstützenden Bibliotheken durchaus in der Lage, komplexe Single-Page-Anwendungen auszuführen.

Vue verwendet eine bidirektionale Datenbindung, dh wenn sich die Daten ändern, ändert sich auch die Ansicht, und wenn sich die Ansicht ändert, ändern sich auch die Daten synchron. Dies ist die Essenz von Vue, wie unten gezeigt

Kern-Plugins in Vue

Vue Router

Vue Router ist der offizielle Routing-Manager für Vue.js. Es ist tief in den Kern von Vue.js integriert und erleichtert die Erstellung von Single-Page-Anwendungen. Zu den enthaltenen Funktionen gehören:

• Verschachtelte Routen/Ansichtstabellen
• Modulare, komponentenbasierte Routing-Konfiguration
• Routenparameter, Abfragen, Platzhalter
• Zeigen Sie Übergangseffekte basierend auf dem Vue.js-Übergangssystem an
• Feinkörnige Navigationssteuerung
• Links mit automatisch aktivierten CSS-Klassen
• HTML5-Verlaufsmodus oder Hash-Modus, automatisch heruntergestuft in IE9
• Benutzerdefiniertes Bildlaufleistenverhalten Vuex

Vuex

Es handelt sich um einen Statusverwaltungsmodus, der speziell für Vue.js-Anwendungen entwickelt wurde. Es verwaltet den Status aller Komponenten einer Anwendung über einen zentralen Speicher und sorgt durch entsprechende Regeln für vorhersehbare Statusänderungen.

Achsen

Axios ist ein Promise-basierter HTTP-Client für Browser und NodeJS. Er verfügt über die folgenden Funktionen:

• Erstellen eines XMLHttpRequest aus einem Browser
• HTTP-Anfragen von node.js aus stellen
• Unterstützung für Promise API
• Abfangen von Anfragen und Antworten
• Transformieren von Anforderungs- und Antwortdaten
• Anfrage abbrechen
• JSON-Daten automatisch konvertieren
• Clientseitiger Support für CSRF/XSRF-Schutz

Element-Benutzeroberfläche

Element-ui ist eine vom Front-End-Team von Ele.me entwickelte Vue-Framework-Komponente. Es integriert viele Stilkomponenten und Funktionskomponenten und ist ein sehr gutes Framework.

Vue Front-End-Gesamtarchitektur

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!