📦 安装

npm i vue-hooks-plus

🔨 使用

全量引入

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

按需引入

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

自动引入

使用 unplugin-auto-import 的 resolver

npm i -D @vue-hooks-plus/resolvers

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

🧩 兼容

不兼容 vue2 版本