hooks-vue

一个实用的 Vue 3 自定义 Hooks 库，收集了常用的自定义 Hook 实现，帮助开发者快速开发 Vue 3 应用。

📦 安装

npm install hooks-vue
# or
yarn add hooks-vue
# or
pnpm add hooks-vue

🚀 快速开始

<script setup>
import { useInterval } from 'hooks-vue'

// 使用定时器 Hook
useInterval(() => {
  console.log('每一秒执行一次')
}, 1000)
</script>

📚 已实现 Hooks

| Hook | 描述 | |------|------| | useInterval | 定时器 Hook，自动清理定时器 |

🛠️ 开发

本项目使用 Vite 构建，包含示例页面方便开发和测试：

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

🔧 技术栈

• Vue 3 + Composition API
• Vite 4.x
• Vue Router 4.x
• Less

📝 项目结构

src/
├── menus/          # Hook 示例页面
├── es/             # Hook 实现（ES 模块）
├── hooks/          # Hook 实现
└── ...

💡 特点

• 🎯 TypeScript 友好 - 内置完整类型定义
• 🌳 Tree-shaking 支持 - 只打包你使用的 Hook
• 📦 模块化 - 每个 Hook 独立，可单独使用
• ✅ 经过测试 - 每个 Hook 都有完整的测试用例

📄 许可

MIT © hooks-vue

💻 IDE 推荐

• VS Code + Volar