vueuse

Функции

• Интерактивные документы и демонстрации

• Бесплатная миграция : работает как для Vue 3, так и для 2

• Полностью деревянные покровители : возьмите только то, что вы хотите, размер пакета

• Тип Strong : написано в TypeScript, с TS Docs

• SSR дружелюбный

• Бандлер не требуется : можно использовать через CDN

• Гибкий : настраиваемые фильтры событий и цели

• Дополнительные дополнения : маршрутизатор, пожарная база, RXJS и т. Д.

Использование

 Import {uselocalstorage, usemouse, usepreferreddark} от '@vueuse/core'export default {
  SETUP () {// отслеживает Mouse PositionConst {x, y} = useMouse () // Если пользователь предпочитает Dark hemeConst isDark = usePreferredDark () // Постоянное состояние в LocalstorageConst store = uselocalStorge ('my-storage', {name: ' Apple ', Color:' Red ',},) return {x, y, isdark, store}
  },}

Обратитесь к списку функций или документациям для получения более подробной информации.

Установить

От v12.0 Vueuse больше не поддерживает Vue 2. Пожалуйста, используйте V10.x для поддержки Vue 2.

 npm i @vueuse/core

Добавить ONS | Модуль Nuxt

Демо

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

Он будет подвергаться глобальному как window.VueUse

Проектная деятельность

Способствовать

См. Руководство

Спасибо

Этот проект сильно вдохновлен следующими потрясающими проектами.

• Streamich/React-Use

• U3U/Vue-Hooks

• logaretm/vue-use-web

• Крипод/Реак-Кюки

И спасибо всем участникам на GitHub!