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 滚动的位置