Arbeit mit Komponenten in Vue

Wenn wir uns eine beliebige Website ansehen, können wir einige Blöcke darauf ausmachen: Header, Inhalt, Sidebar, Footer.

Bei der Erstellung einer Website mit Vue können wir ebenfalls solche unabhängigen Blöcke verwenden. Sie ermöglichen uns, unseren Code besser zu organisieren und erleichtern seine weitere Wartung.

In Vue werden solche Blöcke Komponenten genannt. In großen Anwendungen wird die Aufteilung in Komponenten zu einer zwingenden Voraussetzung, um die Beherrschbarkeit des Entwicklungsprozesses zu erhalten.

Es wird empfohlen, Komponenten im Ordner components abzulegen. Jede Komponente in einer separaten Datei als ES6-Modul.