Skip to content

yanzhandong/v3hooks

Repository files navigation


V3Hooks

针对 Vue3 的实用Hooks集合

V3Hooks也可以说是ahooks的Vue实现,绝大部分Api是保持一致的


🔨安装

npm i v3hooks --save
or
yarn add v3hooks

🏃文档


⚡使用

  • Async
    • useRequest — 一个完整的管理异步数据请求的Hook,aHook useRequest的Vue3实现,Api完全一致,如果你使用过aHook这将无缝衔接到Vue3.
  • Side
    • useDebounce — 用于处理防抖值的 Hook.
    • useDebounceFn — 用于处理防抖函数的 Hook.
    • useThrottle — 用于处理节流值的 Hook.
    • useThrottleFn — 用于处理节流函数的 Hook.
    • useInterval — 用于处理interval的 Hook.
    • useTimeout — 用于处理timeout的 Hook.
  • State
    • useToggle — 用于在两个状态值间切换的 Hook.
    • useBoolean — 优雅的管理 boolean 值的 Hook.
    • useDate — 用于处理时间格式化 Hook.
    • useLocalStorage — 简单高效管理localStorage的 Hook.
    • useSessionStorage — 简单高效管理SessionStorage的 Hook.
    • useCookie — 用于管理本地Cookie Hook.
    • useNetwork — 用于获取网络状态 Hook.
    • useSet — 用于管理Set的 Hook.
    • useMap — 用于管理Map的 Hook.
    • useWebSocket — 用于处理 WebSocket 的 Hook。
  • UI
    • useVirtualList — 用于长列表虚拟化列表的 Hook.
    • useDynamicList — 用于管理列表状态 Hook.
    • useMediaQuery — 用于监听 mediaQuery 状态的 Hook。
    • useExternal — 用于加载异步资源的 Hook.
    • useFullscreen — 一个用于处理 dom 全屏的 Hook.
    • useDocumentVisibility — 可以获取页面可见状态的 Hook.
    • useTextSelection — 实时获取用户当前选取的文本内容及位置Hook.
    • useQRCode — 用来生成二维码的Hook.
  • Advanced
    • useLockFn — 用于增加异步函数增加竞态锁,防并发 Hook.

常见问题

常见问题请见 文档

🤝 感谢

如果这个项目对您有帮助,欢迎Star