v3hooks
v3hooks copied to clipboard
针对 Vue3 的实用Hooks集合
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