@dfsj/hooks
@dfsj/hooks
Vue3 组合式函数库,30+ 开箱即用的 Hooks,覆盖异步请求、状态管理、存储、UI交互等场景
简介
@dfsj/hooks 是 Vue 3 组合式函数库,提供 30+ 开箱即用的 Hooks,覆盖异步请求、状态管理、本地存储、UI 交互、防抖节流等常见场景,零依赖、Tree-Shaking 友好。
主要功能
- Async 异步 - useRequest(请求缓存/轮询/重试)
- Side 副作用 - useDebounce / useThrottle / useInterval
- State 状态 - useBoolean / useToggle / useDate / useLocalStorage / useCookie
- UI 交互 - useVirtualList / useFullscreen / useMediaQuery / useQRCode
- Advanced 高级 - useLockFn(防重复执行)
安装
pnpm add @dfsj/hooks
快速开始
<script setup lang="ts">
import { useRequest, useBoolean } from '@dfsj/hooks'
// 异步请求(自动 loading / error)
const { data, loading, refresh } = useRequest(api.getUserInfo)
// 布尔状态管理
const [visible, { toggle }] = useBoolean(true)
</script>
主要导出
| 分类 | 导出名 | 说明 |
|---|---|---|
| Async | useRequest |
强大的请求 Hook |
| Side | useDebounce / useThrottle |
防抖/节流 |
| State | useBoolean / useToggle |
布尔状态 |
| State | useLocalStorage / useCookie |
持久化存储 |
| UI | useVirtualList |
虚拟列表 |
| UI | useFullscreen / useMediaQuery |
响应式 |
完整 API 文档请查看 在线文档站
使用要求
| 环境 | 要求 |
|---|---|
| Node.js | >=18.12.0 |
| 框架依赖 | Vue >=3.3 |
开发指南
git clone http://10.10.12.18/dfsj/dfsj
pnpm install
cd packages/hooks
pnpm watch
文档
- 完整API文档
- 更新日志
许可证
MIT
Copyright (c) 2022 - present yangbo
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 3.7.1 | ^3.5.18 | MIT | |
| 3.7.0 | ^3.5.13 | MIT | |
| 3.6.0 | ^3.4.21 | MIT | |
| 3.5.1 | ^3.4.21 | MIT | |
| 3.5.0 | ^3.4.21 | MIT | |
| 3.4.0 | ^3.4.21 | MIT | |
| 3.3.0 | ^3.4.21 | MIT | |
| 3.2.0 | ^3.4.21 | MIT | |
| 3.1.3 | ^3.4.21 | MIT | |
| 3.1.2 | ^3.4.21 | MIT | |
| 3.1.1 | ^3.4.21 | MIT | |
| 3.1.0 | ^3.4.21 | MIT | |
| 3.0.1 | ^3.4.21 | MIT | |
| 3.0.0 | ^3.4.21 | MIT |
Pre-releases (5)
| Version | Released | Vue | License |
|---|---|---|---|
| 4.0.0-alpha.2 | ^3.5.18 | MIT | |
| 4.0.0-alpha.1 | ^3.5.18 | MIT | |
| 3.7.1-alpha.2 | ^3.5.18 | MIT | |
| 3.7.1-alpha.1 | ^3.5.18 | MIT | |
| 3.7.0-beta.1 | ^3.4.21 | MIT |