vueuse

Caractéristiques

• Docs et démos interactifs

• Migration sans couture : fonctionne pour les Vue 3 et 2

• Treat entièrement tremblant : prenez uniquement ce que vous voulez, la taille du faisceau

• Type Strong : Écrit en dactylographie, avec TS Docs

• SSR sympathique

• Pas de bundler requis : utilisable via CDN

• Flexible : filtres et cibles d'événements configurables

• Les modules complémentaires facultatifs : routeur, base de feu, RXJ, etc.

Usage

 import {uselocalstorage, usemouse, usePreferredDark} de '@ vueuse / core'export default {
  setup () {// suit la souris positionConst {x, y} = usemouse () // si l'utilisateur préfère Dark themeConst isDark = usePreferRedDark () // Persist State dans localStorageConst store = uselocalstorage ('my-storage', {nom: ' Apple ', couleur:' rouge ',},) return {x, y, isdark, store}
  },}

Reportez-vous à la liste des fonctions ou aux documentations pour plus de détails.

Installer

Depuis v12.0, Vueuse ne prend plus en charge Vue 2. Veuillez utiliser V10.x pour le support Vue 2.

 npm i @ vueuse / noyau

Ajouter ONS | Module Nuxt

Démos

• Vite + Vue 3

• Nuxt 3 + vue 3

• Webpack + vue 3

Monnaie

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

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

Il sera exposé à Global comme window.VueUse

Activité de projet

Contribuer

Voir le guide contributif

Merci

Ce projet est fortement inspiré par les projets impressionnants suivants.

• streaming / react-use

• U3U / VUE-HOOKS

• Logaretm / Vue-Use-Web

• kripod / react-hooks

Et merci à tous les contributeurs sur Github!