Heim  >  Artikel  >  Web-Frontend  >  Basiert vue.js auf Javascript?

Basiert vue.js auf Javascript?

青灯夜游
青灯夜游Original
2020-12-11 16:17:203708Durchsuche

vue.js ist ein progressives, auf Javascript basierendes Framework zum Erstellen von Benutzeroberflächen unter Verwendung der MIT-Open-Source-Lizenz. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene und verwendet ein inkrementelles Bottom-up-Entwicklungsdesign. Sie ist sehr einfach zu erlernen und in andere Bibliotheken oder bestehende Projekte zu integrieren.

Basiert vue.js auf Javascript?

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue 2.9, Thinkpad T480-Computer.

Vue.js ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen. Vue konzentriert sich nur auf die Ansichtsebene und verwendet ein inkrementelles Entwicklungsdesign von unten nach oben. Verwandte Empfehlungen: „vue.js Tutorial

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

Das Ziel von Vue.js besteht darin, reaktionsfähige Datenbindung und zusammengesetzte Ansichtskomponenten über die einfachste mögliche API zu implementieren.

Vue.js selbst ist kein umfassendes Framework – es konzentriert sich nur auf die Ansichtsebene. Daher ist es sehr einfach zu erlernen und sehr einfach in andere Bibliotheken oder bestehende Projekte zu integrieren. Andererseits ist Vue.js auch perfekt in der Lage, komplexe Single-Page-Anwendungen zu betreiben, wenn es mit zugehörigen Tools und unterstützenden Bibliotheken verwendet wird.

Die Hauptfunktionen von Vue.js

Vue.js ist eine hervorragende JavaScript-Bibliothek für die Front-End-Schnittstellenentwicklung. Der Grund, warum sie sehr beliebt ist, liegt darin, dass sie über viele herausragende Funktionen verfügt, deren Hauptmerkmale wie folgt sind folgt.

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, um es den Lesern zu erleichtern, schneller zu verstehen und loszulegen .

2) Zwei-Wege-Datenbindung

Deklaratives Rendering ist die Hauptverkörperung der bidirektionalen Datenbindung und auch der Kern von Vue.js. Es ermöglicht die deklarative Rendering von Daten, die mithilfe einer prägnanten Vorlagensyntax in das DOM integriert werden können.

3) Befehle

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

4) Komponentisierung

Komponente (Komponente) 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

Die 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 und dadurch die Ansicht neu erstellt wird. rendern und eine separate Komponente bilden. 🔜 Besuchen Sie:

Programmiervideos
! !


Das obige ist der detaillierte Inhalt vonBasiert vue.js auf Javascript?. 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
Vorheriger Artikel:Was ist vue.resourceNächster Artikel:Was ist vue.resource