Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Composables

Composables – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Composables

“

Für Code, der mehrmals verwendet werden soll und der Zustände beinhaltet, können Sie mit der Composition API auf Composables zurückgreifen. Die Konvention ist, dass der Dateiname von Composables useXXX.js heißt und dass diese in einem Unterordner composables abgespeichert werden. Sehen wir uns ein Beispiel an. Das ist ein Composable. Was macht das? Das holt von einer API To-dos, die werden hier in todos gespeichert, es wird die Funktion getAll definiert. Außerdem wird die Funktion useApi() exportiert und todos und getAll werden zurückgegeben. Wie kann ich jetzt dieses Composable nutzen? Also, was das ja macht, ist, dass es mir eine Liste von To-dos holt. Ich kann das Composable nun verwenden, indem ich es zuerst einmal importiere. Dann kann ich über Destructuring auf die Sachen zugreifen, die ich verwenden möchte. Das ist zum einen todos, die sollen oben dann ausgegeben werden, und ich möchte eine id und den title haben. Außerdem brauche ich die Funktion getAll und an dieser Stelle…

Inhalt