Was ist und wie funktioniert die neue Composition API?

25. Juni 2021, 9:30–17:15 Uhr

Mit Version 3 des Javascript Frameworks Vue.js kamen auch viele Neuerungen und Veränderungen. Eine davon ist die Composition API, die wir uns in diesem Workshop gemeinsam näher anschauen möchten.

Mit den Jahren wurde Vue.js reicher an Funktionen und immer mehr Entwicklerinnen und Entwickler nutzten das Framework auch für größere Projekte – und das meist in Teams. Die Folge: Die alte Vue API konnte mit den höheren Anforderungen nicht mehr so gut mithalten. Der Code wurde unübersichtlich und bremste die Prozesse aus. Das API-Konzept musste überdacht werden. Mit der neuen API sollten User nun flexibler ihren Code gestalten können. Statt den Code nur mit Optionen innerhalb eines großen JavaScript-Objektes zu organisieren, wie es bisher standardmäßig durch die Options-API gemacht wird, kann der Code nun nach Funktionalitäten gebündelt geschrieben werden.

Das heißt: Dank der neuen Composition API können wir jetzt sich wiederholende Code-Fragmente aus einer Komponente herausnehmen und diese als wiederverwendbaren Code in anderen Komponenten zur Verfügung stellen. Was sich hinter dem neuen API-Design verbirgt und wie wir dieses in unseren (Vue-)Anwendungen verwenden können, soll in diesem Hands-On-orientierten Workshop erarbeitet werden.

Übrigens: Die Composition API kann nicht nur mit Version 3, sondern auch über ein Plug-in in bestehende Vue-2-Anwendungen integriert und verwendet werden!

Vorkenntnisse

• Grundlagen in JavaScript und Vue

Lernziele

• Limitierungen der Options API
  
• Die Vorteile der neuen API
  
• Aufbau und Verwendung