@dfsj/hooks

通用的vue3 hooks函数
940
Install
npm install @dfsj/hooks@3.7.1
Latest Version:3.7.1
Vue:3
License:MIT
Last Updated:Jul 9, 2026
Links: npm
Maintainer: mr_geeker

@dfsj/hooks

Vue3 组合式函数库,30+ 开箱即用的 Hooks,覆盖异步请求、状态管理、存储、UI交互等场景

version license

简介

@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

vue3-hotkey

Hotkey Hooks for Vue3

19,819 31
@whoj/utils-vue

A collection of common Vue JS / TS helpers/utils by @whoj

13,981 1
@aplus-frontend/hooks

Vue hooks for Aplus frontend team.

11,237
tms-vue3-ui

Vue3基础UI库,提供JSONSchema编辑器,支持基于JSONSchema生成表单。

3,819
@yiird/vue3-ts-api-extractor

Vue + ts 生成markdownApi文档

1,145 0

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