Skip to content

插件

¥Add-ons

核心包的目标是轻量级和无依赖。而插件则将流行的包封装成一致的 API 风格。

¥The core package aims to be lightweight and dependence free. While the add-ons are wrapping popular packages into the consistent API style.

¥Head - @vueuse/head

Vue 3 的文档主管经理。SSR 准备好了。由 @egoist 创建和维护

¥Document head manager for Vue 3. SSR ready. Created and maintained by @egoist

¥Motion - @vueuse/motion

Vue Composables 让你的组件运转起来。

¥Vue Composables putting your components in motion.

  • 🏎 基于 Popmotion 的流畅动画

    ¥🏎 Smooth animations based on Popmotion

  • 🎮 声明式 API

    ¥🎮 Declarative API

  • 🚀 即插即用,具有 10 多个预设

    ¥🚀 Plug & play with 10+ presets

  • ✅ 使用 vue-demi 支持 Vue 2 和 3

    ¥✅ Supports Vue 2 & 3 using vue-demi

  • 🚚 使用 nuxt-use-motion 支持 Nuxt

    ¥🚚 Supports Nuxt using nuxt-use-motion

  • ✨ 用 TypeScript 编写

    ¥✨ Written in TypeScript

  • 🏋️‍♀️ 轻量级,打包包大小 <20kb

    ¥🏋️‍♀️ Lightweight with <20kb bundle size

@Tahul 创建和维护

¥Created and maintained by @Tahul

¥Gesture - @vueuse/gesture

Vue 可组合项使你的应用具有交互性

¥Vue Composables making your app interactive

  • 🚀 即插即用

    ¥🚀 Plug & play

  • 🕹 鼠标和触摸支持

    ¥🕹 Mouse & Touch support

  • 🎮 指令支持(v-drag、v-pinch、v-move...)

    ¥🎮 Directives support (v-drag, v-pinch, v-move...)

  • ✨ 用 TypeScript 编写

    ¥✨ Written in TypeScript

  • ✅ 使用 vue-demi 支持 Vue 2 和 3

    ¥✅ Supports Vue 2 & 3 using vue-demi

  • 🤹 与 vueuse/motion 或任何其他动画解决方案配合良好

    ¥🤹 Plays well with vueuse/motion or any other animation solution

@Tahul 创建和维护

¥Created and maintained by @Tahul

¥Sound - @vueuse/sound

用于播放音效的 Vue 可组合项。

¥Vue composables for playing sound effects.

  • 👂 让你的网站使用 2 种人类感官(而不是 1 种)进行交流

    ¥👂 Lets your website communicate using 2 human senses instead of 1

  • 🔥 使用 Vue Composition API 构建

    ¥🔥 Built with Vue Composition API

  • ✅ 使用 vue-demi 支持 Vue 2 和 3

    ¥✅ Supports Vue 2 & 3 using vue-demi

  • 🚚 使用 @vueuse/sound/nuxt 支持 Nuxt 2 和 3

    ¥🚚 Supports Nuxt 2 & 3 using @vueuse/sound/nuxt

  • ⚡ 包中 <1kb 字节 (gzip)!~10kb 异步加载。

    ¥⚡️ <1kb bytes (gzip) in your bundle! ~10kb loaded async.

  • ✨ 使用 TypeScript 构建

    ¥✨ Built with TypeScript

  • 🗣 使用功能强大、经过实战考验的音频实用程序:Howler.js

    ¥🗣 Uses a powerful, battle-tested audio utility: Howler.js

@Tahul 创建和维护

¥Created and maintained by @Tahul

Vue 的 Schema.org。支持键入和自动的 Google Rich Results

¥Schema.org for Vue. Supports typed and automated Google Rich Results

  • 😊 无需架构知识,只需最少的配置即可在几分钟内启动并运行

    ¥😊 No Schema knowledge required, get up and running in minutes with minimal configuration

  • ✨ 20+ 最佳实践类型模式 (谷歌, 酵母) 丰富的结果

    ¥✨ 20+ Typed Schemas for best practice (Google, Yoast) Rich Results

  • 🧙 自动化架构:@id、URL/日期解析、路由元等

    ¥🧙 Automated Schema: @id, URL / date resolving, route meta and more

  • 🤝 通过自动导入集成 VitePressNuxtVitesseVite

    ¥🤝 Integrations for VitePress, Nuxt, Vitesse and Vite with auto-imports

  • 🍞 选择你首选的 API:可组合项或组件

    ¥🍞 Choose your preferred API: Composables or Components

  • 🌳 SSR、tree-shaking 和 Schema 继承就绪

    ¥🌳 SSR, tree-shaking and Schema inheritance ready

@harlan-zw 创建和维护

¥Created and maintained by @harlan-zw

Router - @vueuse/router

Utilities for vue-router

Integrations - @vueuse/integrations

Integration wrappers for utility libraries

RxJS - @vueuse/rxjs

Enables RxJS reactive functions in Vue

Firebase - @vueuse/firebase

Enables realtime bindings for Firebase

  • useAuth — 反应性 Firebase 身份验证 结合。它提供了反应式 userisAuthenticated,因此你可以轻松地对用户身份验证状态的变化做出反应。
  • useFirestore — 反应性 火库 结合。使本地数据始终与远程数据库保持同步变得简单。
  • useRTDB — ¥useRTDB

Electron - @vueuse/electron

Electron renderer process modules for VueUse

VueUse 中文网 - 粤ICP备13048890号