插件

核心包旨在轻量级且无依赖。而插件则将流行的包封装到一致的 API 风格中。

Head - @vueuse/head

Vue 3 的文档头部管理器。支持服务器端渲染。由 @egoist 创建和维护。

Motion - @vueuse/motion

Vue 组合式函数让你的组件动起来。

• 🏎 基于 Popmotion 的流畅动画
• 🎮 声明式 API
• 🚀 即插即用，包含10+ 预设
• 🚚 使用 nuxt-use-motion 支持Nuxt
• ✨ 使用TypeScript编写
• 🏋️‍♀️ 轻量级，包大小<20kb

由 @Tahul 创建和维护。

Gesture - @vueuse/gesture

Vue 组合式函数使你的应用更交互式

• 🚀 即插即用
• 🕹 支持鼠标和触摸
• 🎮 支持指令（v-drag、v-pinch、v-move 等）
• ✨ 使用TypeScript编写
• 🤹 可以很好地与 vueuse/motion 或任何其他动画解决方案一起使用

由 @Tahul 创建和维护。

Sound - @vueuse/sound

用于播放音效的 Vue 组合式函数。

• 👂 让你的网站使用 2 种人类感官而不是 1 种进行通信
• 🔥 使用Vue组合式 API 构建
• 🚚 使用 @vueuse/sound/nuxt 支持Nuxt 3。
• ⚡️ 你的包中只有<1kb字节（gzip）！~10kb异步加载。
• ✨ 使用TypeScript构建
• 🗣 使用功能强大且经过实战检验的音频工具：Howler.js

由 @Tahul 创建和维护。

SchemaOrg - @vueuse/schema-org

Vue 的 Schema.org。支持类型化和自动化的 Google 富文本结果

• 😊 无需 Schema 知识，只需几分钟即可轻松上手，配置最少
• ✨ 20+ 类型化的 Schema，符合最佳实践（Google、Yoast）富文本结果
• 🧙 自动化 Schema：@id、URL/日期解析、路由元数据等
• 🤝 与 VitePress、Nuxt、Vitesse 和 Vite 集成，并自动导入
• 🍞 选择你喜欢的 API：组合式函数或组件
• 🌳 支持服务器端渲染、摇树优化和 Schema 继承

由 @harlan-zw 创建和维护。

Router - @vueuse/router

vue-router 的工具函数

• useRouteHash — route.hash 的简写，支持响应式
• useRouteParams — route.params 的简写，支持响应式
• useRouteQuery — route.query 的简写，支持响应式

Integrations - @vueuse/integrations

实用程序库的集成包装器

• useAsyncValidator — async-validator 的包装器
• useAxios — axios 的包装器
• useChangeCase — change-case 的响应式包装器
• useCookies — universal-cookie 的包装器
• useDrauu — drauu 的响应式实例
• useFocusTrap — focus-trap 的响应式包装器
• useFuse — 使用组合式函数轻松实现模糊搜索，使用 Fuse.js
• useIDBKeyval — idb-keyval 的包装器
• useJwt — jwt-decode 的包装器
• useNProgress — nprogress 的响应式包装器
• useQRCode — qrcode 的包装器
• useSortable — sortable 的包装器

RxJS - @vueuse/rxjs

在 Vue 中启用 RxJS 响应式函数

• from — RxJS 的 from() 和 fromEvent() 的包装器，允许它们接受ref
• toObserver — 将ref转换为 RxJS Observer 的语法糖函数
• useExtractedObservable — 使用从一个或多个组合式函数中提取的 RxJS Observable
• useObservable — 使用 RxJS Observable
• useSubject — 将 RxJS Subject 绑定到ref，并在两者之间传播值变化
• useSubscription — 使用 RxJS Subscription，无需担心取消订阅或创建内存泄漏
• watchExtractedObservable — 观察从一个或多个组合式函数中提取的 RxJS Observable 的值

Firebase - @vueuse/firebase

启用 Firebase 的实时绑定

• useAuth — Firebase Auth 的响应式绑定
• useFirestore — Firestore 的响应式绑定
• useRTDB — Firebase 实时数据库 的响应式绑定

Electron - @vueuse/electron

VueUse 的 Electron 渲染器进程模块

• useIpcRenderer — 提供 ipcRenderer 及其所有 API
• useIpcRendererInvoke — ipcRenderer.invoke API 的响应式结果
• useIpcRendererOn — 轻松使用 ipcRenderer.on，并在卸载时自动使用 ipcRenderer.removeListener
• useZoomFactor — WebFrame 缩放因子的响应式
• useZoomLevel — WebFrame 缩放级别的响应式