Webentwicklung mit VueUse: Funktionen für Vue-Komponenten

Die Bibliothek VueUse liefert eine umfangreiche Sammlung an Hilfsfunktionen, die Webentwicklern die Arbeit erleichtern.

Artikel verschenken
In Pocket speichern vorlesen Druckansicht
Lesezeit: 4 Min.
Von
  • Sebastian Springer
Inhaltsverzeichnis

VueUse ist eine Sammlung von Hilfsfunktionen für Vue, die der Idee der Composition API des Frameworks folgt. Die Funktionen sind reaktiv und erweitern den Funktionsumfang von Komponenten.

Ein Blick auf npmtrends.com zeigt, dass die Zahl der wöchentlichen Downloads des Pakets @vueuse/core seit dem Erscheinen der Bibliothek vor zwei Jahren stetig ansteigt und mittlerweile über 400 000 liegt. Zum Vergleich: Vue liegt derzeit bei etwa 3,5 Millionen. Weitere Metriken, die für die Bibliothek sprechen, sind über 13 000 GitHub-Stars und das gute Verhältnis von offenen zu geschlossenen Issues auf GitHub. Ein weiterer Grund für den Einsatz von VueUse liegt in der Liste der Sponsoren des Projekts. Einer der Platinsponsoren ist Evan You, der Erfinder von Vue. Wenn eine solche Person einer Bibliothek das Vertrauen durch sein Sponsoring ausspricht, ist das eine klare Nutzungsempfehlung.

Mehr zu Webentwicklung
Sebastian Springer

Sebastian Springer weckt als Dozent für JavaScript, Sprecher auf zahlreichen Konferenzen und Autor die Begeisterung für professionelle Entwicklung mit JavaScript.

VueUse deckt viele Funktionen ab: von der Kommunikation mit einem Server über das Speichern von Daten wie useStorage bis hin zum Zugriff auf Browserschnittstellen wie useBluetooth für die Interaktion mit der Web Bluetooth API. Der große Vorteil von VueUse ist, dass es keine Einstiegshürde gibt. Nach der Installation mit dem Kommando