vueuse

Merkmale

• Interaktive Dokumente & Demos

• Seamless Migration : funktioniert sowohl für Vue 3 als auch für 2

• Voller Baumscharf : Nehmen Sie nur das, was Sie wollen, Bündelgröße

• Geben Sie stark ein : in TypeScript geschrieben, mit TS -Dokumenten

• SSR freundlich

• Kein Bundler erforderlich : Nutzbar über CDN

• Flexibel : Konfigurierbare Ereignisfilter und Ziele

• Optionale Add-Ons : Router, Firebase, RXJS usw.

Verwendung

 Import {uselocalStorage, Usemouse, UsePreferredDark} aus '@vueuse/core'export Standard {
  setup () {// verfolgt MausspositionConst {x, y} = Usemouse () // Wenn der Benutzer dunkle themeneconst isdark = usepreferredDark () // Persist State in LocalStorageConst Store = uselocalStorage ('My-Storage', {Name: 'name:' bevorzugt Apple ', Farbe:' rot ',},) return {x, y, isdark, store}
  },}

Weitere Informationen finden Sie in der Liste oder Dokumentationen der Funktionen.

Installieren

Ab V12.0 unterstützt VUEUS nicht mehr Vue 2. Bitte verwenden Sie v10.x für Vue 2 -Unterstützung.

 npm i @vueuse/core

Fügen Sie | hinzu | Nuxt -Modul

Demos

• Vite + vue 3

• Nuxt 3 + Vue 3

• Webpack + Vue 3

CDN

 <script src = "https://unpkg.com/@vueuse/shared"> </script>

<script src = "https://unpkg.com/@vueuse/core"> </script>

Es wird global als window.VueUse ausgesetzt. Vuususe

Projektaktivität

Beitragen

Siehe den beitragenden Leitfaden

Danke

Dieses Projekt ist stark von den folgenden großartigen Projekten inspiriert.

• Streamich/React-Use

• U3U/Vue-Hooks

• Logaretm/Vue-Use-Web

• Kripod/React-Hooks

Und danke an alle Mitwirkenden auf Github!