Das erste Nuxt-3-Projekt: Hello World auf dem Prüfstand

Mit Version 3 von Vue.js ist auch Nuxt 3 erschienen. Der perfekte Zeitpunkt, ein kleines Hello-World-Projekt zu erstellen und dem interaktiven Framework eine Chance zu geben.

7. Februar 2022 um 09:14 Uhr / Eine Anleitung von Jonathan Schneider

Vue-Komponenten-Beispiel Bild: Martin Wolf/Golem.de

Vue.js ist ein interaktives Javascript-Framework, das Webseiten das Feeling einer echten Applikation zu verleihen soll. Es gibt keine harten Seitenreloads, Daten werden dynamisch im Hintergrund geladen und automatisch zwischen Datenmodell und Anzeige ausgeliefert – Ladezeiten zwischen Seiten gibt es nicht mehr, stattdessen dürfen wir uns mit hübschen Animationen zwischen zwei Ansichten austoben, um den Nutzern eine perfekte UI und UX zu präsentieren.

Wofür noch ein weiteres Framework namens Nuxt hinzufügen? Vue.js können wir als Werkzeug verstehen, mit dem wir die interaktiven und dynamischen Komponenten erzeugen, mit denen wir direkt durchstarten können – egal ob wir nur eine einzelne Ansicht erstellen oder ein umfangreiches Projekt angehen möchten.