npm package build status language librariesio LICENSE Ask DeepWiki

• 🏄🏼‍♂️ Easy to learn and use
• 🔋 Supports SSR
• 🛸 Contains a comprehensive collection of basic Hooks
• 🏟️ A wide range of application scenarios
• 🦾 Preferred useRequest, Powerful request middle tier
• 🎪 Interactive demo, immersive
• 🎯 Written in TypeScript with predictable static types
• 🪄 Support the on-demand load, and reduce the packing volume
• 🤺 Playground, there's ample scope for one's abilities
• 🔐 Perfect test, safe and reliable

npm i vue-hooks-plus

<script src="https://cdn.jsdelivr.net/npm/vue-hooks-plus/dist/js/index.iife.js"></script>

It will be exposed to global as VueHooks_Plus

import { useRequest } from 'vue-hooks-plus'

Introduced on demand

import useRequest from 'vue-hooks-plus/es/useRequest'

Auto Import

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()],
 })

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()],
 }),
 ],
}

For other supported tools, please see unplugin-auto-import

• English Documentations
• 中文文档

• Vue Admin Novel
• Nuxt 3
• Vite + Vue 3
• Webpack + Vue 3

• Ray Template

Alt

Welcome to join us! You can check out the Contributing Guide to learn how to get started.

Thanks for all their contributions 🐝 !

This project is heavily inspired by the following awesome projects.

• ahooks
• @koale/useworker

MIT License © 2022-PRESENT YongGit