einem flexiblen Werkzeugkasten vergleichen, bei dem man sich für eine bestimmte Aufgabe genau die passenden Werkzeuge frei zusammenstellt, statt sich an eine starre Schublade mit fest vorgegebenen Fächern halten zu müssen
Was steckt dahinter?
Die Composition API ist ein in Vue 3 eingeführter Ansatz zur Strukturierung von Komponentenlogik und lässt sich am besten mit einem flexiblen Werkzeugkasten vergleichen, bei dem man sich für eine bestimmte Aufgabe genau die passenden Werkzeuge frei zusammenstellt, statt sich an eine starre Schublade mit fest vorgegebenen Fächern halten zu müssen. In früheren Vue-Versionen wurde die Logik einer Komponente meist in feste, vorgegebene Kategorien aufgeteilt (“Options API”) – etwa ein Bereich für Daten, ein anderer für Methoden, ein weiterer für berechnete Werte. Mit der Composition API lässt sich zusammengehörige Logik hingegen frei in eigenen, benannten Funktionen organisieren, unabhängig davon, ob es sich dabei um Daten, Methoden oder andere Aspekte handelt. Das mag auf den ersten Blick weniger streng strukturiert wirken, erweist sich in der Praxis aber gerade bei größeren, komplexeren Komponenten als großer Vorteil: Zusammengehörige Funktionalität – etwa alles, was mit dem Verwalten eines Formulars zu tun hat – lässt sich gebündelt an einer Stelle definieren, statt über mehrere, thematisch unzusammenhängende Codeblöcke verteilt zu sein. Ein besonderer Vorteil der Composition API liegt zudem in der einfachen Wiederverwendbarkeit von Logik zwischen verschiedenen Komponenten: Über sogenannte “Composables” – im Grunde benannte Funktionen, die wiederverwendbare, reaktive Logik bündeln – lässt sich beispielsweise eine einmal geschriebene Funktion zum Abrufen von Daten über eine API in beliebig vielen unterschiedlichen Komponenten wiederverwenden, ohne den Code mehrfach duplizieren zu müssen.