Was ist der Unterschied zwischen Angular und Vue?

Unterschiede: 1. Vue nimmt weniger Platz ein, während Angular größer ist. 2. Vue ist flexibler als Angular und kann den Anwendungscode des Projekts entsprechend unterschiedlicher Anforderungen organisieren. 3. Vue ist einfach und leicht zu erlernen Angular ist schwieriger zu starten. 4. Die Angular-Direktive lautet „ng-xxx“ und die Vue-Direktive lautet „v-xxx“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue2.9.6 und Angular6-Version, DELL G3-Computer.

Einführung in Angular

Angular ist ein JavaScript-Framework, das ursprünglich 2009 von Misko Hevery und Adam Abrons entwickelt wurde und später zu einem Google-Projekt wurde.

Angular gleicht die Mängel von HTML beim Erstellen von Anwendungen aus. Es erweitert das HTML-Vokabular in Webanwendungen durch die Verwendung von Bezeichnerstrukturen (Anweisungen), sodass Entwickler HTML zum Deklarieren dynamischer Inhalte verwenden können, wodurch die Arbeit bei der Webentwicklung und beim Testen erleichtert wird Einfacher.

Funktionen von AngularJS:

1. Zwei-Wege-Bindung von Daten: Die Daten in der Ansichtsebene und die Daten in der Modellebene sind in beide Richtungen gebunden. Wenn sich einer von ihnen ändert, ändert sich der andere entsprechend. Sie müssen keinen Code schreiben!

2. Code-Modularisierung, der Code jedes Moduls hat unabhängig seinen eigenen Umfang, sein eigenes Modell, seinen eigenen Controller usw.

3. Leistungsstarke Anweisungen können viele Funktionen in HTML-Tags, Attribute oder Kommentare usw. kapseln, was die Struktur von HTML erheblich verschönert und die Lesbarkeit verbessert.

4. Abhängigkeitsinjektion, die dem Front-End-Code das Designmuster dieser Back-End-Sprache verleiht, was bedeutet, dass der Front-End-Code die Wiederverwendbarkeit und Flexibilität verbessern kann. Zukünftige Modelle können eine große Anzahl von Operationen auf dem Client durchführen , und der Server stellt nur Datenquellen und andere Vorgänge bereit, die vom Client nicht abgeschlossen werden können.

5. Testgetriebene Entwicklung, AngularJS hat dies von Anfang an zum Ziel. Anwendungen, die mit Angular entwickelt wurden, können problemlos Unit-Tests und End-to-End-Tests durchführen, wodurch die Mängel des herkömmlichen JS-Codes behoben werden, der schwierig zu testen ist pflegen.

Einführung in vue

Vue (ausgesprochen /vjuː/, ähnlich wie view) ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen großen Frameworks ist Vue so konzipiert, dass es Schicht für Schicht von unten nach oben aufgetragen werden kann. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene, die nicht nur einfach zu starten ist, sondern auch leicht in Bibliotheken von Drittanbietern oder bestehende Projekte integriert werden kann. Andererseits ist Vue in Kombination mit einer modernen Toolkette und verschiedenen unterstützenden Bibliotheken durchaus in der Lage, Treiber für komplexe Single-Page-Anwendungen (SPA) bereitzustellen.

Das Ziel von Vue.js besteht darin, eine reaktionsfähige Datenbindung und zusammengesetzte Ansichtskomponenten über eine möglichst einfache 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 kann Vue.js auch komplexe Single-Page-Anwendungen unterstützen, wenn es mit zugehörigen Tools und Support-Bibliotheken verwendet wird.

Funktionen von Vuejs:

2. Zwei-Wege-Datenbindung

4. Modularität ist derzeit die Verwendung von ES6 mit Webpack zur Projektverpackung.

5. Komponentisierung: Erstellen Sie eine einzelne Komponentendatei mit dem Suffix .vue, einschließlich Vorlage (HTML-Code), Skript (ES6-Code) und Stil (CSS-Stil).

Der Unterschied zwischen Angular und Vue

1. Volumen und Leistung

vue benötigt weniger Platz, z. B. ein Vue-Projekt, das Vuex + Vue Router (30 KB nach gzip) enthält, das von generiert wird angle-cli Die Standardprojektgröße (~65 KB) ist immer noch viel kleiner. Was die Rendering-Leistung angeht, sind beide Frameworks sehr schnell und es gibt fast keinen Leistungsunterschied.

2. Entwicklungseffizienz

Alle stellen ihre eigenen Gerüstwerkzeuge bereit, um den gesamten Prozess von der Entwicklung bis zur Konstruktion und Verpackung zu verbessern. Darüber hinaus können sie alle auf der Komponentenentwicklung basieren und wiederverwendbare Komponenten schreiben, was die Duplizierung erheblich reduziert. Arbeiten. Angular basiert jedoch auf dem Vorteil, dass Typescript selbst technisch anspruchsvoller ist als JavaScript. Wenn sie alle von einem Team entwickelt werden, bietet Angular mehr Vorteile.

3. Flexibilität

Vue ist flexibler als Angular und kann den Anwendungscode des Projekts entsprechend unterschiedlicher Anforderungen organisieren. Beispielsweise können Sie in HTML sogar direkt auf Vue verweisen, so wie Sie auf JQuery verweisen, und es dann einfach als Front-End-Vorlagen-Engine verwenden.

4. Wartbarkeit

Die Wartbarkeit umfasst meines Wissens zwei Ebenen: eine ist die Lesbarkeit des Codes und die andere ist die Rekonfigurierbarkeit. Auch weil die Unterstützung für TS (das eine statische Typprüfung ermöglichen kann) nicht umfassend genug ist, weist Vue auf diesen beiden Ebenen einige Mängel auf. Der Autor von Vue selbst gibt auch zu, dass Vue in der TS-Unterstützung noch unzureichend ist und in Version 3.0 verbessert wird.

5. Hohe Lernkosten

vue ist einfach und leicht zu erlernen, aber der Einstieg in Angular ist schwieriger. AngularJS hat einen hohen Lernaufwand, wie zum Beispiel das Hinzufügen der Dependency-Injection-Funktion, während die von Vue.js selbst bereitgestellten APIs relativ einfach und intuitiv sind.

6. Anweisungen

Die Anweisungen von Angular sind alle ng-xxx, während die Anweisungen von vueJS alle v-xxx sind.

(Lernvideo-Sharing: vuejs-Tutorial, Web-Frontend)

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Angular und Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!