一个意在补充 vueuse 的 vue3.x hooks 库 vue-hooks-plus

什么是 vue-hooks-plus

vue-hooks-plus 是基于 vue3.x 的 hooks 库。意在提供基础和高级的 hook 提高您的搬砖效率。

vue-hooks-plus 特性

• 简单易用
• 可交互式 demo
• 支持 SSR
• 按需构建
• 安全可靠

核心方法：useRequest

vue-hooks-plus 的最大亮点应该是 useRequest 方法了。

不同于 vueuse/useAxios 方法，是基于 axios 而封装。useRequest 则是一个 拥有强大管理网络请求能力 的方法，不依赖任何请求库或者 fetch。

如何使用

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

function getUsername(params: { desc: string }): Promise<string> {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(`vue-hooks-plus ${params.desc}`)
    }, 1000)
  })
}
const { data, loading } = useRequest(() => getUsername({ desc: 'good' }))

这里只做基础演示。具体可以查看文档示例也可以在演武场亲自体验一下：vue-hooks-plus。

与 vueuse 结合使用

vue-hooks-plus 并非为了取代 vueuse，而是更希望能够补充功能。两者均支持按需构建，因此无需担心包体积过大的问题。

因此，您可以放心地将这两个库同时引入到您的项目中以便共同使用。

一键直达

源码地址

• github

文档地址（document）

• 中文
• English

最后

希望该库能够帮助到大家搬砖。并且也欢迎大家参与到该库的建设中～也欢迎大家在 issues 提出宝贵的建议和意见。