vueuse

Características

• Docios y demostraciones interactivas

• Migración perfecta : funciona tanto para Vue 3 como para 2

• Totalmente por el árbol que se aplica : solo toma lo que quieras, tamaño de paquete

• Tipo Strong : Escrito en TypeScript, con TS Docs

• SSR amigable

• No se requiere Bundler : Usable a través de CDN

• Filtros y objetivos de eventos flexibles : configurables

• Complementos opcionales : enrutador, firebase, rxjs, etc.

Uso

 import {uselocalStorage, useMouse, usePreferredDark} de '@vueuse/core'Export predeterminado {
  setup () {// rastrea la posición del mouseConst {x, y} = useMouse () // Si el usuario prefiere oscuro themeconst isDark = usePreferredDark () // estado persistente en la tienda localstoraGeConst = uselocalStorage ('my-storage', {nombre: ' Apple ', color:' rojo ',},) return {x, y, isdark, store}
  },}

Consulte la lista de funciones o documentos para obtener más detalles.

Instalar

De V12.0, Vueuse ya no es compatible con Vue 2. Utilice V10.X para el soporte VUE 2.

 npm i @vueuse/core

Agregar ON | Módulo nuxt

Población

• 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>

Estará expuesto a Global como window.VueUse

Actividad del proyecto

Contribuir

Ver la guía contribuyente

Gracias

Este proyecto está fuertemente inspirado en los siguientes proyectos increíbles.

• Streamich/React-Use

• U3U/Vue-goticios

• logaretm/Vue-Use-Web

• Kripod/React-Hooks

¡Y gracias a todos los contribuyentes en Github!