v3-use

v3-use is a high-quality and reliable Vue3 Hooks library.

Install

$ npm install --save v3-use
# or
$ yarn add v3-use
# or
$ pnpm add v3-use

Usage

import { useBoolean } from 'v3-use'
const [state, { toggle, setFalse, setTrue }] = useBoolean()

Hooks

• State

  • useState — 管理 state 的 Hook
  • useReducer — 适用于复杂状态管理的 Hook
  • useToggle — 用于在两个状态值间切换的 Hook
  • useBoolean — 管理 boolean 值的 Hook
  • useDefault — 当 state 为null或undefined时返回默认值

• Scene

  • useCounter — 管理计数器的 Hook
  • useMethods — 一个 useReducer 简化版的 Hook
  • useCountDown — 一个用于管理倒计时的 Hook
  • usePolling — 一个用于管理轮询的 Hook
  • useStepper — 管理步骤器的 Hook

• Browser

  • useTitle — 用于设置页面标题的 Hook
  • useEventListener — 封装 EventListener

• Effect

  • useTimeout — 一个可以处理 setTimeout 的 Hook
  • useInterval — 一个可以处理 setInterval 的 Hook

• LifeCycle

  • useEffect — 方便管理生命周期的 Hook，立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行
  • useEffectOnce — 只在mounted、beforeUnmount阶段执行的生命周期
  • useFirstMountState — 检测当前是否为第一次渲染
  • useLogger — 在控制台记录 vue 生命周期变化的 Hook