vueuse

Características

• Docns e demos interativos

• Migração sem costura : funciona para vue 3 e 2

• Totalmente trêmula de árvore : pegue apenas o que você deseja, tamanho do pacote

• Tipo Forte : Escrito em TypeScript, com TS Docs

• SSR amigável

• Não é necessário empuxo : utilizável via CDN

• Flexível : Filtros e metas de eventos configuráveis

• Acompanhos opcionais : roteador, Firebase, RXJs, etc.

Uso

 importar {uselocalStorage, UsoMouse, usePreferredDark} de '@vueuse/core'export padrão {
  setup () {// rastreia o mouse positionCnst {x, y} = useMouse () // se o usuário preferir escuro temeConst ISDARK = usePreferredDark () // Persir State em LocalStorageConst Store = UselocalStorage ('My-Storage', {Name: ' Apple ', cor:' vermelho ',},) retornar {x, y, isdark, store}
  },}

Consulte a lista de funções ou documentações para obter mais detalhes.

Instalar

No V12.0, o Vueuse não suporta mais o Vue 2. Use o V10.x para suporte do Vue 2.

 NPM I @VUEUSE/CORE

Adicione onns | Módulo Nuxt

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>

Será exposto ao global como window.VueUse

Atividade do projeto

Contribuir

Veja o guia contribuinte

Obrigado

Este projeto é fortemente inspirado nos seguintes projetos incríveis.

• Streamich/React-Use

• Garas U3U/Vue

• LOGARETM/VUE-Use-Web

• Kripod/React-Gances

E obrigado a todos os colaboradores do Github!