Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist vue.js? Was ist der Nutzen?

不言
Freigeben: 2019-05-13 15:24:27
Original
23085 Leute haben es durchsucht

Wenn wir JavaScript lernen, können wir oft vue.js sehen, also Was ist vue.js? Was kann getan werden? Viele Freunde verstehen es möglicherweise nicht vollständig. Die chinesische PHP-Website stellt Ihnen vor, was vue.js ist und wofür es verwendet wird.

Was ist vue.js? Was ist der Nutzen?

Werfen wir zunächst einen Blick auf Was ist vue.js?

Aus der Baidu-Enzyklopädie können wir erfahren, dass Vue.js ein fortschrittliches Framework zum Erstellen datengesteuerter Webschnittstellen ist. Das Ziel von Vue.js besteht darin, eine reaktionsfähige Datenbindung und zusammengesetzte Ansichtskomponenten mit einer möglichst einfachen API zu ermöglichen.

Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene und ist sehr einfach zu erlernen und 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.

Haben Sie nach dem Lesen der obigen Einführung das Gefühl, dass die Erklärung etwas abstrakt ist? Tatsächlich habe ich eine einfachere Erklärung gesehen: Vue.js wird verwendet, um eine Webversion von Zhihu mit vielen Formularelementen zu erstellen. Ist es einfacher, eine webbasierte Anwendung zu verstehen, deren Inhalt basierend auf Benutzervorgängen geändert werden muss?

Nachdem wir gelesen haben, was vue.js ist, schauen wir uns an, Wofür vue.js hauptsächlich verwendet wird

Welchen Nutzen hat vue.js?

1. Vue.js kann die Entwicklung webbasierter Front-End-Anwendungen komfortabler machen, da Vue.js über eine deklarative, reaktionsfähige Datenbindung und komponentenbasierte Entwicklung verfügt nutzt auch Virtual DOM, eine Technologie, die allein schon vom Namen her schick klingt. Was sind also responsive Datenbindung, komponentenbasierte Entwicklung und Virtual DOM? Schauen wir uns das unten im Detail an.

Responsive Datenbindung: Responsiv ist hier nicht das responsive Layout in der @media-Medienabfrage, sondern bedeutet, dass vue.js automatisch auf Änderungen in bestimmten Daten auf der Seite reagiert.

Komponentenbasierte Entwicklung: Vue.js verwendet Komponenten, um verschiedene Module in einer Einzelseitenanwendung in separate Komponenten aufzuteilen. Wir müssen sie zunächst nur in die übergeordnete Anwendung schreiben (wobei Fallstricke auftreten). und schreiben Sie die Parameter, die an die Komponente übergeben werden sollen, in das Komponenten-Tag (genau wie die Übergabe von Parametern an eine Funktion wird dieser Parameter als Attribut der Komponente bezeichnet) und schreiben Sie dann die Implementierung verschiedener Komponenten separat (Füllen Sie die Lücken aus). , und dann ist der gesamte Antrag abgeschlossen.

Virtual DOM: Virtual DOM ist das englische Wort für virtuelles DOM. Einfach ausgedrückt handelt es sich um eine Methode, mit der verschiedene Berechnungen im Voraus über JavaScript durchgeführt werden können, um die endgültige DOM-Operation zu berechnen Der Vorverarbeitungsvorgang betreibt das DOM nicht wirklich und wird daher als virtuelles DOM bezeichnet. Schließlich wird die DOM-Operation tatsächlich übermittelt, nachdem die Berechnung abgeschlossen ist, und die Änderungen der DOM-Operation werden im DOM-Baum widergespiegelt.

2. Vue kann einfach eine einzelne Seite oder ein großes Frontend-System schreiben.

3. Mit Vue können Front-End-Einzelseitenanwendungen entwickelt werden, die von einfach bis komplex sind und überall sichtbar sind.

4. Vue lässt sich schnell starten, ist leistungsstark und bietet ein sehr benutzerfreundliches Gerüst-Vue-CLI, mit dem Sie ganz einfach Ihre eigenen Projekte erstellen und ausführen können.

Dieser Artikel endet hier. Weitere Informationen zu vue.js finden Sie in den vue.js-Tutorials in der Spalte Video-Tutorials auf der chinesischen PHP-Website.

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage