yanzhandong / v3hooks

针对 Vue3 的实用Hooks集合
218 stars 45 forks source link
ahooks hook hooks vue-hooks vue3


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. ## 常见问题 常见问题请见 [文档](https://github.com/yanzhandong/v3hooks/blob/master/docs/question.md) ## 🤝 感谢 如果这个项目对您有帮助,欢迎Star