Heim  >  Artikel  >  Web-Frontend  >  Was sind die Merkmale von vue.js?

Was sind die Merkmale von vue.js?

青灯夜游
青灯夜游Original
2020-11-11 10:03:468403Durchsuche

Die Hauptmerkmale von Vue.js: 1. Leichtgewichtig, das Skript ist sehr leicht und die Leistung ist sehr schnell; 2. Zwei-Wege-Datenbindung 3. Anweisungen: Wenn sich der Wert seines Ausdrucks ändert, werden bestimmte Verhaltensweisen angewendet entsprechend DOM; 4. Komponentisierung, erweiterbare HTML-Elemente, Kapselung wiederverwendbarer Code; 6. Statusverwaltung;

Was sind die Merkmale von vue.js?

Vue.js (ausgesprochen /vju:/, ausgesprochen wie view) ist ein progressives Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen Schwergewichts-Frameworks verwendet Vue ein inkrementelles Bottom-up-Entwicklungsdesign.

Vues Kernbibliothek konzentriert sich nur auf die Ansichtsebene und ist sehr einfach zu erlernen und in andere Bibliotheken oder bestehende Projekte zu integrieren. Vue ist vollständig in der Lage, komplexe Single-Page-Anwendungen zu betreiben, die mit Single-File-Komponenten und Bibliotheken entwickelt werden, die vom Vue-Ökosystem unterstützt werden.

Vue.js bietet außerdem MVVM-Datenbindung und ein zusammensetzbares Komponentensystem mit einer einfachen und flexiblen API. Ziel ist es, eine reaktionsfähige Datenbindung und zusammensetzbare Ansichtskomponenten durch eine möglichst einfache API zu erreichen.

Wir können auch sagen, dass Vue.js ein reaktives System (Reaktivitätssystem) ist. Die Datenmodellebene (Modell) ist nur ein gewöhnliches JavaScript-Objekt. Wie in der Abbildung unten dargestellt, stellt { } ein JavaScript-Objekt dar. Durch Ändern wird das entsprechende HTML-Fragment (DOM) aktualisiert. Dadurch wird die Zustandsverwaltung sehr einfach und intuitiv und es kann eine bidirektionale Datenbindung realisiert werden, weshalb wir es auch als reaktionsfähiges System bezeichnen.

Was sind die Merkmale von vue.js?

Die Hauptfunktionen von Vue.js

Vue.js ist eine hervorragende JavaScript-Bibliothek für die Front-End-Schnittstellenentwicklung, da sie über viele herausragende Funktionen verfügt mehrere.

1) Ein leichtes Framework

Vue.js kann abhängige Vorlagenausdrücke und berechnete Eigenschaften automatisch verfolgen, bietet MVVM-Datenbindung und ein zusammensetzbares Komponentensystem und verfügt über eine einfache und flexible API, die es den Lesern erleichtert, es zu verstehen und zu erhalten fing schneller an.

2) Zwei-Wege-Datenbindung

Deklaratives Rendering ist die Hauptverkörperung der bidirektionalen Datenbindung und bildet auch den Kern von Vue.js. Es ermöglicht die Integration von deklarativem Rendering in das DOM mithilfe einer prägnanten Vorlage Syntax.

3) Direktiven

Vue.js verfügt über viele integrierte Direktiven, wie zum Beispiel: v-if, v-else, v-show, v-on, v-bind und v-model, die verwendet werden Führen Sie am Frontend verschiedene Vorgänge aus.

Vue.js interagiert mit der Seite hauptsächlich über integrierte Anweisungen. Die Funktion der Anweisungen besteht darin, bestimmte Verhaltensweisen entsprechend auf das DOM anzuwenden, wenn sich der Wert seines Ausdrucks ändert.

4) Komponentisierung

Component ist eine der leistungsstärksten Funktionen von Vue.js. Komponenten können HTML-Elemente erweitern und wiederverwendbaren Code kapseln.

In Vue kommunizieren Eltern-Kind-Komponenten über Requisiten, eine einseitige Übertragung vom Elternteil zum Kind. Die untergeordnete Komponente kommuniziert mit der übergeordneten Komponente und benachrichtigt die übergeordnete Komponente über Datenänderungen, indem sie Ereignisse auslöst. Dies bildet ein grundlegendes Vater-Kind-Kommunikationsmodell.

Wenn die in der Entwicklung befindlichen Komponenten eine sehr enge Beziehung zu HTML, JavaScript usw. haben, können die Komponenten entsprechend den tatsächlichen Anforderungen angepasst werden, was die Entwicklung komfortabler macht und den Aufwand für das Schreiben von Code erheblich reduziert.

Die Komponente unterstützt auch Hot Reload. Wenn wir Änderungen vornehmen, wird die Seite nicht aktualisiert, aber die Komponente selbst wird sofort neu geladen, ohne dass sich dies auf den aktuellen Status der gesamten Anwendung auswirkt. CSS unterstützt auch Hot-Reloading.

5) Clientseitiges Routing

Vue-router ist das offizielle Routing-Plug-in von Vue.js. Es ist tief in Vue.js integriert und wird zum Erstellen von Single-Page-Anwendungen verwendet. Vue-Einzelseitenanwendungen basieren auf Routing und Komponenten. Routing wird zum Festlegen von Zugriffspfaden und zum Zuordnen von Pfaden und Komponenten verwendet. Herkömmliche Seiten implementieren Seitenwechsel und Sprünge über Hyperlinks.

6) Zustandsverwaltung

Zustandsverwaltung ist eigentlich ein einseitiger Datenfluss, der das Rendern der Ansicht steuert, und der Benutzer betätigt die Ansicht, um eine Aktion zu generieren, die dazu führt, dass sich der Zustand ändert, wodurch die Ansicht veranlasst wird erneut rendern, um separate Komponenten zu bilden. 🔜 Besuchen Sie:

Programmierkurse
! !


Das obige ist der detaillierte Inhalt vonWas sind die Merkmale von vue.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn