vue-uses

A Hooks Library for Vue3 and 2，适用于 Vue3 和 2 的 Hooks 库。

English | 简体中文

安装

$ npm install --save vue-uses
# or
$ yarn add vue-uses
# or
$ pnpm add vue-uses

使用

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

Hooks

• State

  • useState — 管理 state
  • useReducer — 适用于复杂状态管理
  • useToggle — 用于在两个状态值间切换
  • useBoolean — 管理 boolean

• Scene

  • useCounter — 管理计数器
  • useMethods — 简化版的 useReducer
  • useCountDown — 管理倒计时
  • usePolling — 管理轮询

• Effect

  • useTimeout — 处理 setTimeout
  • useInterval — 处理 setInterval

• LifeCycle

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