访问官网
Github
文档
✨ 特性
- 🏄🏼♂️ 易学易用
- 🔋 支持 SSR
- 🛸 包含全面的基础 Hooks
- 🏟️ 广泛的应用场景
- 🦾 首选 useRequest，强大的请求中间层
- 🎪 交互式演示，身临其境
- 🎯 使用 TypeScript 编写，具有可预测的静态类型
- 🪄 支持按需加载，减少打包体积
- 🤺 Playground，充分发挥你的能力
- 🔐 完善的测试，安全可靠
📦 安装
npm i vue-hooks-plus
CDN
<script src="https://cdn.jsdelivr.net/npm/vue-hooks-plus/dist/js/index.iife.js"></script>
它将暴露为全局变量 VueHooks_Plus
🤹♀️ 使用
import { useRequest } from 'vue-hooks-plus'
按需引入
import useRequest from 'vue-hooks-plus/es/useRequest'
自动导入
Vite
import AutoImport from 'unplugin-auto-import/vite'
import { VueHooksPlusResolver } from '@vue-hooks-plus/resolvers'
export const AutoImportDeps = () =>
AutoImport({
imports: ['vue', 'vue-router'],
include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
dts: 'src/auto-imports.d.ts',
resolvers: [VueHooksPlusResolver()],
})
Webpack
const { VueHooksPlusResolver } = require('@vue-hooks-plus/resolvers')
module.exports = {
/* ... */
plugins: [
require('unplugin-auto-import/webpack')({
imports: ['vue', 'vue-router'],
include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
dts: 'src/auto-imports.d.ts',
resolvers: [VueHooksPlusResolver()],
}),
],
}
关于其他支持的工具，请参阅 unplugin-auto-import
全球化文档
示例
🤩 优秀项目
模板
🪴 项目活动
贡献
欢迎加入我们！你可以查看贡献指南了解如何开始。
贡献者
感谢所有贡献者的付出 🐝！
🌸 致谢
本项目受到以下优秀项目的启发。
