lmhcoding / vhook

Collection of Vue3.0 Composition Functions

vhook

Collection of Vue Composition Functions

Install

npm i vhook

• State
  • useTitle —— 用于设置页面的标签页标题
  • useToggle —— 用于在两个状态之间切换
  • useBoolean —— 用于管理 Boolean 状态的 Hook
  • useHash —— 追踪 location.hash 的变化
  • useHistory —— 追踪 history 的变化
• DOM
  • useEvent / useEventRef —— 用于监听事件的 Hook
• Lifecycles
  • useLifecycles —— 同时使用 onMounted 和 onUnmounted 的 Hook
• SideEffects
  • useDebounce —— 带防抖功能的状态
  • useDebounceFn —— 生成带防抖功能的函数
  • useInterval —— 对 setInterval 的简单封装
  • useTimeout —— 用于在一段时间后更新值
  • useTimeoutFn —— 用于在一段时间后执行回调
• Storage
  • useLocalStorage —— 具备响应式功能的 localStorage 状态
  • useSessionStorage —— 具备响应式功能的 sessionStorage 状态
  • useStorage —— 提供具备响应式的 localStorage 或 sessionStorage 状态
• Sensors
  • useResize —— 追踪 window 的大小
  • useScroll / useScrollRef —— 追踪特定 DOM 节点的滚动位置
  • useWindowScroll —— 追踪 window 滚动的位置