Was ist Vue.js?

Vue.js, meist nur Vue genannt, löst dieselbe Aufgabe wie React: Es hält die Anzeige im Browser automatisch mit den Daten im Gleichklang. Ändert sich ein Wert, etwa der Preis in einem Konfigurator, aktualisiert Vue genau die Stelle auf der Seite, an der dieser Wert vorkommt. Das manuelle Nachziehen der Anzeige, die klassische Fehlerquelle in JavaScript-Oberflächen, entfällt.

Gebaut wird mit Komponenten, und hier hat Vue eine eigene Handschrift: Eine Komponente ist eine einzelne Datei, in der Aufbau, Logik und Gestaltung untereinander stehen. Wer HTML und etwas JavaScript kennt, liest so eine Datei ohne lange Einarbeitung. Dieser vergleichsweise sanfte Einstieg ist einer der Gründe für die Beliebtheit von Vue.

Bemerkenswert ist die Herkunft: Vue steht hinter keinem Konzern. Der Entwickler Evan You startete es als Einzelprojekt, heute pflegt es ein Team, das über Sponsoren und Unterstützer finanziert wird. Dass sich ein so getragenes Projekt seit über einem Jahrzehnt neben den Frameworks von Meta und Google behauptet, spricht für die Substanz.

Das Herzstück heißt Reaktivität. Vue beobachtet die Daten der Anwendung, und jede Stelle der Vorlage, die einen Wert benutzt, merkt sich das. Ändert sich der Wert, weiß Vue ohne Suchen, welche Stellen der Seite neu gezeichnet werden müssen. In der Vorlage stehen dafür kleine Anweisungen im HTML: geschweifte Klammern setzen Werte ein, ein @click reagiert auf einen Klick, ein v-if blendet Bereiche ein und aus.

Der zweite Wesenszug ist der stufenweise Einsatz. Vue kann als kleines Skript ein einzelnes Formular auf einer sonst normalen Seite übernehmen, es kann aber auch eine vollständige Anwendung mit Unterseiten und zentraler Datenverwaltung tragen. Router und Datenverwaltung kommen dabei als offizielle Pakete vom selben Team, während dieselben Aufgaben bei React von Drittanbietern gelöst werden. Für Seiten, die in Suchmaschinen auftauchen sollen, gibt es mit Nuxt ein eigenes Framework, das Vue um das Rendern auf dem Server erweitert, so wie Next.js es für React tut.

Vue findet sich überall dort, wo Oberflächen auf Eingaben reagieren müssen, und auffällig oft in Projekten, die über Jahre gewachsen sind. Typische Einsatzgebiete sind:

• Einzelne interaktive Bausteine auf bestehenden Seiten, etwa eine Terminbuchung oder ein Preisrechner
• Verwaltungsoberflächen von Shopsystemen und anderen PHP-Anwendungen, die Vue von Haus aus mitbringen
• Interne Werkzeuge und Dashboards, bei denen ein kleines Team schnell Ergebnisse braucht
• Vollständige Webanwendungen mit Unterseiten, Anmeldung und Datenverwaltung
• Öffentliche Seiten mit Nuxt, wenn Suchmaschinen den Inhalt lesen sollen

Gerade im deutschen Mittelstand begegnet uns Vue häufig im Bestand, weil viele PHP-Systeme es als Standardwerkzeug für ihre Oberflächen gewählt haben. Wir bauen neue Projekte meist mit React, arbeiten uns aber regelmäßig in vorhandene Vue-Projekte ein und entwickeln sie weiter, statt vorschnell zum Neubau zu raten. Oft ist das Weiterbauen die deutlich günstigere Entscheidung.

Evan You arbeitete bei Google mit dem damals verbreiteten Framework Angular und fragte sich, ob dessen angenehme Seiten nicht auch ohne den schweren Unterbau zu haben wären. Seine Antwort veröffentlichte er 2014 als Vue. Das Projekt wuchs ohne Marketingbudget, getragen von Empfehlungen, guter Dokumentation und einem Einstieg, der auch ohne Informatikstudium gelingt.

Vue ist technisch ausgereift, seine Grenzen liegen weniger im Code als im Umfeld:

• Das Umfeld ist kleiner als bei React: weniger fertige Bausteine, weniger Entwickler auf dem Arbeitsmarkt
• Einen Weg zu Handy-Apps in der Reife von React Native gibt es nicht
• Ohne Nuxt liefert auch Vue zunächst fast leeres HTML, für auffindbare Seiten braucht es den Server-Schritt
• Alte Vue-2-Projekte erhalten keine Pflege mehr und werden mit der Zeit zum Sicherheitsrisiko

Nichts davon macht Vue zu einer schlechten Wahl. Es bedeutet nur: Die Entscheidung für Vue sollte auf den Bestand und das Team schauen, nicht allein auf die Technik.

Der Dauervergleich im Web, und die unspektakuläre Wahrheit lautet: Mit beiden lässt sich dieselbe Anwendung bauen, in vergleichbarer Qualität und Geschwindigkeit. Die Unterschiede liegen daneben:

• Vue bündelt Vorlage, Logik und Stil in einer Datei und gilt als schneller zu lernen
• Vue liefert Router und Datenverwaltung als offizielle Pakete, React überlässt diese Wahl dem Projekt
• React hat das größere Umfeld: mehr Bausteine, mehr Stellenprofile, mehr verfügbare Entwickler
• React führt über React Native zu Handy-Apps, Vue hat dafür kein gleichwertiges Gegenstück
• Vue steckt in vielen PHP- und Shopsystemen, React dominiert bei neuen Portalen und größeren Anwendungen

Unsere Faustregel: Wer Vue im Bestand oder im Team hat, bleibt bei Vue, ein Wechsel wäre Umbau ohne Nutzen. Wer bei null startet und eine öffentliche Seite mit Suchmaschinenbezug braucht, fährt mit React und Next.js verlässlicher. Ausführlicher begründen wir das auf unserer Seite zur Vue.js-Entwicklung.

Für Auftraggeber ist die wichtigste Nachricht: Vue ist kostenlos, quelloffen und an keinen Anbieter gebunden. Es gibt keinen Konzern, der Lizenzbedingungen ändern könnte, und der Code gehört euch. Die Kostenfrage entscheidet sich woanders, nämlich beim Personal. Vue-Entwickler sind gut zu finden, wenn auch nicht ganz so zahlreich wie React-Entwickler, und ein sauber gebautes Vue-Projekt kann jeder erfahrene Webentwickler übernehmen.

Aufmerksamkeit verdient das Thema Versionen. Wer heute noch eine Anwendung auf Vue 2 betreibt, fährt ohne Sicherheitsaktualisierungen, und das sollte kein Dauerzustand sein. Der Umstieg auf Vue 3 ist machbar, sein Aufwand hängt vor allem an den eingebundenen Fremdpaketen. Eine ehrliche Bestandsaufnahme vor dem Angebot schützt hier vor Überraschungen, und genau die gehört bei einer Beratung an den Anfang.

Ja. Vue 3 ist ein modernes, schnelles Framework, die Entwicklung ist aktiv, und mit Nuxt existiert ein ausgereifter Weg zu auffindbaren Seiten. Die Finanzierung über die Gemeinschaft hat sich über ein Jahrzehnt als tragfähig erwiesen, und die Verbreitung in Shop- und Verwaltungssystemen sichert Vue auf Jahre einen festen Platz im Web.

Ehrlich bleibt der Blick auf die Kräfteverhältnisse: React hat den größeren Arbeitsmarkt und das größere Umfeld, und daran wird sich kurzfristig nichts ändern. Für die Praxis heißt das nicht entweder oder. Bestehende Vue-Projekte weiterzuentwickeln ist wirtschaftlich vernünftig, und für neue Projekte ist Vue eine solide Wahl, wenn Team oder Systemlandschaft dafür sprechen. Eine Technik, die man abschreiben müsste, ist es in keinem Fall.