0.0.6 • Published 10 months ago
applyuse v0.0.6
vue3常用的hooks集合
安装方法
npm i applyuse--save-dev
或
yarn install applyuse--save-dev
基础用法
np
<script setup lang="ts">
import {useRect} from "@applyuse";
const {width,height}=useWindowSize()
</script>
API集合
hooks名称 | 说明 | 参数 | 返回值 |
---|---|---|---|
useWindowSize | 获取window的width/height | null | width, height |
useScrollTo | 元素滚动到具体位置 | el:滚动元素; to:距离; duration:时间,默认500, fn:滚动完触发回调 | start:开始滚动 stop:停止滚动 |
useMountedOrActivated | 页面挂载或激活执行 | fn:执行方法 | null |
useMutationObserver | 指定的DOM发生变化时被调用 | el:监控元素;fn:指定回调 | null |
usePageVisibility | 页面隐藏时触发 | null | null |
useRect | 获取元素位置大小 | null | top/left/right/bottom/width/height |
useThrottle | 防抖 | fn: 执行方法, wait: 时间间隔执行, immediate:是否在wait 时间间隔的开始调用这个回调 | 防抖绑定回调 |
useThrottle | 节流 | fn: 执行方法, wait: 时间间隔执行, options:第一次和最后一次执行控制 | 节流绑定回调 |