Vue.js ist ein JavaScript-Framework zum Bau von Benutzeroberflächen, das man sich am besten wie einen durchdachten Lego-Baukasten für Webseiten vorstellt: Statt eine Seite als starres, monolithisch...
Was steckt dahinter?
Vue.js ist ein JavaScript-Framework zum Bau von Benutzeroberflächen, das man sich am besten wie einen durchdachten Lego-Baukasten für Webseiten vorstellt: Statt eine Seite als starres, monolithisches Ganzes zu programmieren, baut man sie aus einzelnen, klar abgegrenzten und wiederverwendbaren Bausteinen zusammen, die sich beliebig kombinieren und an verschiedenen Stellen wiederverwenden lassen. Diese Bausteine werden in Vue als Komponenten bezeichnet. Seit seiner Veröffentlichung 2014 hat sich Vue.js neben React und Angular als eines der drei großen, weltweit verbreiteten Frontend-Frameworks etabliert, wobei Vue insbesondere für seine vergleichsweise sanfte Lernkurve und seine klare, gut lesbare Syntax geschätzt wird. Anders als bei rein imperativem JavaScript, bei dem Entwickler jede einzelne Änderung an der Benutzeroberfläche manuell programmieren müssten, sorgt Vue über sein Konzept der Reaktivität dafür, dass sich die Anzeige automatisch aktualisiert, sobald sich die zugrundeliegenden Daten ändern. Vue lässt sich sowohl punktuell in bestehende, klassische Webseiten integrieren – etwa um nur ein einzelnes interaktives Formular dynamischer zu gestalten – als auch als Grundlage für komplette, hochinteraktive Single Page Applications nutzen. Für größere Projekte mit zusätzlichen Anforderungen wie Server-Side Rendering oder einer vorgegebenen Projektstruktur greifen viele Entwicklerteams zusätzlich auf Nuxt.js zurück, das auf Vue aufbaut und es um genau diese Funktionen erweitert.