Die ersten Schritte in Vue 3

Vue ist ein Framework für JavaScript.
Mit Hilfe von Vue kann man Informationen und Daten auf einer HTML-Seite anzeigen. Vue konzentriert sich dabei ausschließlich auf diesen Aspekt, andere Dinge wie das Routing oder HTTP-Requests werden von Vue nicht behandelt.
Dafür gibt es eine Vielzahl von Plugins, die für Vue entwickelt worden sind, die derartige Aufgaben übernehmen. Zum Beispiel Vuex für das Zustandsmanagement, Vue router für das Routing, Vuetify für die Gestaltung und das Design von UI-Elementen (UI = user interface).
Mit Vue werden sogenannte Vue-Komponenten erstellt, die als .vue-Dateien abgespeichert werden.
Diese Vue-Komponenten bestehen immer aus drei Bereichen. Einem HTML-Bereich, einem JavaScript-Bereich und einem CSS-Bereich. D.h. in einer Vue-Komponente sind alle drei „Technologien“, die wir für die Erstellung einer Webseite benötigen, vereint.
Da man eine Vue-Komponente in eine andere Vue-Komponente importieren kann, besteht die Möglichkeit, eine komplexe Anwendung mit Hilfe einer Menge von Vue-Komponenten zu erstellen.
Dadurch lässt sich die Verteilung von Codefragmenten in unterschiedlichen Dateien mindestens stark begrenzen und der Anteil sich wiederholender Codefragmente kann drastisch minimiert werden.