Vue.js ist ein JavaScript-Framework für Benutzeroberflächen, das Evan You 2014 veröffentlicht hat. Es gilt als leichter zugänglich als React und Angular und wird ohne Konzern im Rücken von einer Gemeinschaft und Sponsoren getragen.
- Vue.js
Ein JavaScript-Framework, das Oberflächen aus Komponenten baut und Änderungen an den Daten von selbst in die Seite überträgt.
Beispiel: „Den Produktfilter haben wir mit Vue.js gebaut, weil er sich in die bestehende Shopseite einsetzen ließ.“Auch: Vue. Der Name ist das französische Wort für Ansicht.
Abgrenzung zu React: Vue trennt in einer Komponentendatei Vorlage, Logik und Gestaltung in eigene Abschnitte und arbeitet mit einer HTML-nahen Vorlagensyntax. React beschreibt die Oberfläche in JavaScript.
Was Vue.js ausmacht
Die Reaktivität. Du legst fest, welche Daten eine Komponente hat, und Vue merkt sich, welche Stellen der Seite davon abhängen. Ändert sich ein Wert, wird genau dort neu gezeichnet; mehr dazu unter Reaktivität.
Eine Komponente steht meist in einer Datei mit der Endung .vue, mit je einem Block für Vorlage, JavaScript und CSS. Ein Bundler wie Vite übersetzt diese Dateien für den Browser; Vite stammt ebenfalls von Evan You.
Vue.js als schrittweises Framework
Vue beschreibt sich selbst als progressives Framework. Gemeint ist, dass du es auf einer bestehenden Seite für ein einzelnes Element einsetzen kannst und erst bei Bedarf zur kompletten Anwendung mit Routing und Zustandsverwaltung ausbaust.
Für Websites mit klassischem CMS ist das ein Vorteil: Das CMS liefert die Seite, und Vue übernimmt nur die Teile, die interaktiv sein sollen.
Wann Vue.js mehr braucht
Sobald eine ganze Website mit Vue entsteht, fehlen Adressen, Serverseite und das Erzeugen von HTML für Suchmaschinen. Dafür gibt es Nuxt, das Gegenstück zu Next.js in der Vue-Welt.
Für die Verwaltung gemeinsamer Daten über viele Komponenten hinweg ist Pinia die offizielle Bibliothek, für das Routing Vue Router.