Vues Entwicklungsbericht im Jahr 2022 [Zusammengestellt und geteilt]

Seit seiner ersten Veröffentlichung im Jahr 2014 hat Vue.js immer mehr an Popularität und Benutzerzahlen gewonnen und ist zu einem ausgereiften Framework geworden, das von Tausenden von Entwicklern auf der ganzen Welt verwendet wird. Werfen wir einen Blick darauf, wie sich Vue im Jahr 2022 entwickeln wird!

1. Vue-Ökosystem

Seit der Veröffentlichung von Vue 3 haben immer mehr Bibliotheken Vue 3 akzeptiert und Unterstützung dafür hinzugefügt, während andere Bibliotheken kompatible Versionen entwickeln. Hier ist ein Blick auf einige der spannenden Entwicklungen im Vue-Ökosystem im Jahr 2022. (Lernvideo-Sharing: vue-Video-Tutorial)

(1) Vite

Vite ist ein neues Build-Tool für die Front-End-Entwicklung. Die neueste Version ist v3.0.0-beta.9. Vite bietet eine superschnelle Entwicklungserfahrung und ein hochoptimiertes Produktionspaket. Es ist Framework-unabhängig und kann von jedem genutzt werden! Vite ist die neue empfohlene Wahl, während Vue CLI in den Wartungsmodus wechselt.

(2) Vitest

Vitest ist ein neues Unit-Testing-Framework von Vite, die neueste Version ist v0.18.0. Vitest ermöglicht eine rasante Geschwindigkeit bei nachfolgenden Testläufen und ist somit eine hervorragende Wahl für TDD-Methoden.

(3) Pinia

Pinia ist jetzt die empfohlene State-Management-Bibliothek für Vue 3. Es führt einfachere APIs, ordnungsgemäße TypeScript-Unterstützung und mehr ein, was einen großen Fortschritt für die Entwicklungserfahrung darstellt. Obwohl Vuex weiterhin mit Vue 3 kompatibel ist, befindet es sich jetzt im Wartungsmodus.

(4) Volar

Johnson Chu, Entwickler der Volar VS Code-Erweiterung, ist dem Kernteam von Vue.js beigetreten. Johnson hat Releases und Fehlerbehebungen veröffentlicht und arbeitet an der Umgestaltung der internen Codebasis, um effizienter zu sein und sogar mehr Funktionen abzudecken. Da der Betreuer der Erweiterung nun von Vue gesponsert wird, sieht die Zukunft des IDE-Tools noch rosiger aus.

(5) Nuxt 3

Das Nuxt-Team gab bekannt, dass Nuxt v3 diesen Sommer veröffentlicht wird, was möglicherweise eine der am meisten erwarteten Veröffentlichungen ist. Es befindet sich derzeit im Release Candidate-Stadium und ist nahezu stabil.

(6) Vuetify

Für viele Menschen sind Nuxt und Vuetify die beiden wichtigsten Dinge, die sie daran hindern, von Vue 2 auf Vue 3 zu aktualisieren. Die neueste Version von Vuetify 3 ist Beta 5, die der offiziellen Veröffentlichung immer näher kommt.

(7) VitePress 1

VitePress hat kürzlich 1.0 Alpha 4 veröffentlicht und wurde in der neuen Vue-Dokumentation verwendet. In Vorbereitung auf die Veröffentlichung von v1.0 arbeitet Kernteammitglied Kia daran, Endbenutzern APIs auf höherer Ebene bereitzustellen. VitePress ist jetzt die empfohlene Lösung für die statische Site-Generierung mit Vue 3-Unterstützung. Fragen rund um den Namen und die Koexistenz mit VuePress werden jedoch noch diskutiert. Einfach ausgedrückt: Sollte VitePress VuePress 3 ersetzen?

(8) Vue neue Dokumentation

Die neue Vue-Dokumentation wurde veröffentlicht, mit einer umfassenden Überprüfung und Verbesserung des Designs und der Benutzererfahrung, der Einführung neuer Richtlinien sowie dem Wechsel zwischen Options-API und Kompositions-API-Funktion. Diese Version enthält außerdem ein interaktives Tutorial, das Sie durch alle Hauptfunktionen von Vue führt.

(9) Vue Core

Im April und Mai verbrachte das Vue-Team etwa einen Monat damit, sich mit Kernfehlern in v3 zu befassen, was zu einer umfangreichen Patch-Veröffentlichung (3.2.24 ~26) führte, ~ 70 PRs wurden zusammengeführt und ca. 140 Probleme gelöst.

(10) Vue-Standardversion

Vue 3 wird offiziell zur Standardversion.

2. Vue jetzt und in Zukunft

In diesem Abschnitt fasst You Yuxi, der Autor von Vue.js, die wichtigsten Änderungen in Vue 3 zusammen und teilt die Details hinter dem Prozess des Upgrades auf die neueste Standardversion. und freut sich auf die Zukunft von Vue.

(1) Was hat sich in Vue 3 seit dem letzten Update geändert?

Neue Vue-Dokumentation im Februar 2022 veröffentlicht und markiert den Abschluss des Soft-Launch-Prozesses. Als Vue 3 veröffentlicht wurde, war es eigentlich nur der Kern, aber im Laufe der Zeit hat sich Vue als Ganzes zu einem vollständigen Ökosystem entwickelt, das Routing, Statusverwaltung, Build-Tools, Entwicklungstools, Erweiterungen, IDE-Unterstützung und mehr umfasst. All dies erfordert einen hohen Aktualisierungsaufwand.

Jetzt gibt es also im Grunde neue Versionen aller Bibliotheken und Tools. Es wurde eine brandneue Dokumentation veröffentlicht, Vuex wurde durch Pinia als neueste empfohlene Zustandsverwaltungsbibliothek ersetzt und das Build-Tool wird jetzt von Vite unterstützt. Die neue IDE-Erweiterung ist Volar, die eine bessere TypeScript-Unterstützung und -Erfahrung bietet. Wichtige DX-Verbesserungen wie <script setup></script> wurden ebenfalls veröffentlicht, weitere werden folgen.

(2) Welchen Einfluss hat TypeScript auf das Vue-Entwicklungserlebnis?

TypeScript ist auf dem Vormarsch, daher wird jedes moderne Framework unter diesem Gesichtspunkt entworfen. Auch ohne Verwendung von TypeScript nutzt Volar die Vorteile von Vue-Typen und stellt Hinweise bereit, sodass die mentale Belastung, sich Variablentypen merken zu müssen, entfällt. Alle Typinferenzen und -prüfungen gelten auch für Vorlagen. Durch die Verwendung von TypeScript können Entwickler auch Fehler beim Refactoring großer Codebasen leichter erkennen – das Tool zeigt sie sofort an, damit Sie sie beheben können. Insbesondere bei der Entwicklung großer Projekte wird die Verwendung von TypeScript mit Vue die Robustheit Ihres Codes erheblich verbessern.

(3) Von der Veröffentlichung von Vue 3 bis zur Standardversion sind eineinhalb Jahre vergangen. Wie war der Prozess?

Für die erste Version von Vue 3 wurde alles mit TypeScript neu geschrieben, aber das wurde erst abgeschlossen, als Volar eine offizielle Erweiterung wurde. Die Dokumentation wurde komplett überarbeitet und alles wurde geändert oder neu geschrieben, und sie beziehen sich auf die Options-API und Kompositions-API werden zusammen verwendet und können zwischen ihnen wechseln. Dadurch werden die Lernerfahrung und das Alltagserlebnis aufgewertet. Jedes davon ist ein separates Projekt, weshalb der gesamte Prozess so lange gedauert hat, bis endlich alles fertig war. Jetzt können wir sagen, dass Vue 3 fertig ist.

(4) Ist ein so tiefgreifender Übergangsprozess notwendig?

Es ist nicht alles notwendig, aber wenn wir über ein Upgrade nachdenken, gibt es immer einen Kompromiss zwischen inkrementellen Verbesserungen Ihrer vorhandenen Codebasis oder einer drastischen Neufassung. Auf der Vue 2-Codebasis zu basieren und eine 100-prozentige Kompatibilität zu gewährleisten, ist für viele Bibliotheken erforderlich, die auf Vue 2-spezifisches internes Verhalten angewiesen sind. Wenn wir dieses Ballast mit uns herumtragen, wird es unsere Innovationskraft einschränken.

Eine umfassende Neufassung ist für uns also die richtige Richtung. Die Situation bei Vue 3 ist, dass kurzfristig einige Dinge geopfert und einige Bibliotheken kaputt gemacht wurden, aber das ist ein Preis, den Sie bereit sind zu zahlen, um den Ballast der Vergangenheit loszuwerden. Jetzt eine saubere Weste zu haben, wird sich in Zukunft auszahlen.

Während React oder Ember fast nahtlos neue Versionen einführen können, bedeutet dies für sie einen enormen Wartungsaufwand. Sie verfügen über ein großartiges System, um nach und nach neue Funktionen hinzuzufügen und alte auslaufen zu lassen, und daraus können wir lernen. Letztlich gibt es im Ingenieurwesen keine absolut richtigen Antworten. Beim Upgrade gibt es Kompromisse.

(5) Vue kann in allen Arten von Anwendungen und Unternehmen unterschiedlicher Größe eingesetzt werden. Wie macht es das Framework so vielseitig?

Die ursprüngliche Version von Vue wurde entwickelt, um die Eintrittsbarriere zu senken und die Verwendung und Integration in bestehende Systeme zu vereinfachen. Dieser Ansatz wird weiterhin verfolgt und sehr ernst genommen. Im Laufe der Zeit werden wir nach und nach Komponenten hinzufügen, um fortgeschrittenere Projekte wie Single-Page-Application-Routing, Statusverwaltung und TypeScript-Unterstützung zu unterstützen.

Anfangs gab es viele Benutzer, die Vue in kleineren Anwendungen nutzten. Die Benutzerbasis von Vue wächst weiter, da immer mehr Funktionen und Tools verfügbar werden, aber die ursprünglichen Benutzer bleiben und können es weiterhin nach ihren Wünschen verwenden. Das ist unser Geheimnis – alle Bereiche abzudecken. Seit 2014 war es eine lange Reise mit vielen Herausforderungen, aber jedes Mal, wenn wir neue Funktionen hinzufügen, versuchen wir, das Kernerlebnis der Verwendung von Vue beizubehalten.

(6) Was sind die größten Herausforderungen für das Frontend?

In der Welt der Webentwicklung gibt es alle Arten von Anwendungen: einfache Anmeldeseiten, vollständig interaktive Anwendungen, Backend-Dashboards und E-Commerce-Anwendungen mit hohen Leistungsanforderungen. Im Allgemeinen besteht die Herausforderung darin, die Entwicklerproduktivität mit der Leistung der endgültigen Anwendung in Einklang zu bringen. Mit Ausnahme des inhaltsintensiven E-Commerce sind wir in den meisten dieser Bereiche gut unterwegs.

Heutzutage gibt es einige neue Dinge wie Remix oder Qwik. Viele davon erfordern eine Steuerung vom Compiler über den Server bis zum Client, die alle zusammenarbeiten müssen, um eine vollständig integrierte Lösung bereitzustellen, die durchgängig optimiert ist. Sie können immer noch relativ einfachen Code schreiben und letztendlich die beste Leistung erzielen. Das wird die größte Herausforderung sein – welche Lösung integriert diese drei Teile am besten? Dies ist eine Richtung, die wir in enger Zusammenarbeit mit dem Nuxt-Team und anderen im Vue-Ökosystem erkunden können.

Wir brauchen mehr vertikale Lösungen, die sowohl Backend als auch Frontend beherrschen und nicht mehr in reinen Clients oder reinen Backends denken.

(7) Wie sehen Sie Vue, wenn Sie auf die nächsten 5 Jahre blicken?

Vue ist eine sich ständig weiterentwickelnde Plattform. In den nächsten fünf Jahren wird es wahrscheinlich kein weiteres Upgrade vom Typ „Vue 2 auf 3“ geben, da Vue 3 eine ausreichend solide Grundlage darstellt, die über einen langen Zeitraum erweitert werden kann. Wir werden weiterhin mit Kompilierungsstrategien experimentieren, denn die Stärke von Vue liegt darin, dass es ein sehr flexibles und reaktives System ist.

Wir haben eine kompilierte Einzeldateikomponente, die in verschiedene Ausgaben kompiliert werden kann. Die Ausgabe kann geändert werden, während der Quellcode unverändert bleibt. Hoffentlich bleibt die Benutzererfahrung in dieser Zeit stabil. Aus Sicht der Entwicklungserfahrung bleibt es hoffentlich stabil, aber der kompilierte Ansatz ermöglicht es uns, hinter den Kulissen erhebliche Verbesserungen vorzunehmen. Das ist unser Ziel.

3. Vue-Entwicklungstrend

Wie ist der aktuelle Status von Vue im Front-End-Bereich? Wie schnell wächst Vue? Werfen wir einen Blick auf die Umfragestatistiken verschiedener Institutionen!

(1) Statista

Vue ist im Jahr 2021 im Vergleich zu 2020 um 2 Plätze gestiegen und belegt den 5. Platz, wobei 19 % der Befragten sich dafür entschieden haben.

(2) BuiltWith

Im Mai 2022 ist die Framework-Nutzung der Top 1 Million Websites der Welt wie folgt.

(3) NPMtrends

NPMtrends gab an, dass die Nutzung von Vue in den letzten fünf Jahren stetig zugenommen hat.

(4) SimilarTech

Die Zahl der mit Vue erstellten Websites ist seit Beginn stetig gewachsen.

(5) GitHub-Abhängige

Die Zahl der mit Vue erstellten Anwendungen ist seit 2020 weiter gestiegen und stieg um 46,52 %.

(6) Anzahl der Stack Overflow-Fragen

Auf Stack Overflow stellen Benutzer immer mehr Vue-Fragen.

(7) Stand von JS

Die Nutzung von Vue.js durch Entwickler nimmt zu und erreicht im Jahr 2021 51 %.

(8) Stack Overflow-Umfrage

Stack Overflow befragt jedes Jahr Benutzer und fragt sie nach ihren bevorzugten und am wenigsten bevorzugten Frameworks. Obwohl die verfügbaren Umfragefragen im Laufe der Jahre inkonsistent waren, bestätigen die Ergebnisse den Aufwärtstrend von Vue.

2021:

2020:

2019:

2018:

(9) JetBrains-Umfrage

Im Jahr 2021 zeigte der von JetBrains veröffentlichte Bericht „2021 State of the Developer Ecosystem“, dass der Anteil der Vue.js-Benutzer von 32 % im Jahr 2020 auf 43 % im Jahr 2021 gestiegen ist.

(10) Google Trends

Nutzersuchen für alle Frameworks sind im Oktober 2020 zurückgegangen, aber seitdem ist Vue wieder populär geworden und kommt langsam wieder auf den richtigen Weg.

【Empfehlung für ein entsprechendes Video-Tutorial: Web-Frontend】