@dfsj/hooks
v4.0.0-alpha.2
Published
通用的vue3 hooks函数
Readme
@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文档
许可证
Copyright (c) 2022 - present yangbo