yanzhandong/v3hooks

针对 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

v3hooks's Issues

useWebSocket

useWebSocket有心脏跳动功能吗

example 跑不起来

现在example中执行npm run serve 跑不起来

useRequest loading 初始状态错了

useRequest loading 初始状态错了，

useToggle 的文本动态修改后，state 没有同步

const platform = ref<string>('');
const [button, [toggle]] = useToggle(`安装 ${platform} App`, '安装中...');

useTimeout(() => {
  platform.value = 'iOS'
}, ref(5000));

期望 button = '安装 iOS App'
实际 button = '安装 App'

你好关于request的数据问题

数据请求到 ，但是不知道怎么拿到， 看了下Result 中的data参数是vue做了响应式的。但是怎么拿到返回来的数据呢？

useRequest 缺好多功能，

onSuccess	service resolve 时触发，参数为 data 和 params，如果有 formatResult ，则 data 为格式化后数据。	(data: any, params: any[]) => void	-
onError	service 报错时触发，参数为 error 和 params。	(error: Error, params: any[]) => void

如何使用hooks中的方法？

博主您好，您封装的一些hook， 我看了一下，有些只返回了变量， 那么如何使用其中定义好的方法呢？ 是这样：“usexxx.function”的形式使用吗？ 如果这样使用了，那么，其中操作的变量还是我原来hook中返回的变量吗？？

useNetwork

useNetwork 返回是否应该通过 torefs 包裹? 解构会丢失响应式