vueuse是干什么的，怎么用

VueUse是一个Vue.js生态系统中的开源库，提供了许多常用的Vue自定义hooks，可以帮助开发者更便捷地使用Vue.js构建应用程序。

使用VueUse，可以实现以下功能：

1. 计数器

2. 时间戳

3. 防抖

4. 节流

5. 全局键盘事件

6. 全局鼠标事件

7. 全局滚动事件

8. 全局窗口大小变化事件

9. 全局断网检测

10. 全局响应式媒体查询

11. 全局状态管理

使用VueUse非常简单，只需要在Vue.js项目中安装VueUse，然后引入所需的自定义hooks即可。

以下是使用VueUse的示例：

1. 安装VueUse：

npm install @vueuse/core

2. 引入所需的自定义hooks：

import { useCounter, useDebounce, useThrottle } from '@vueuse/core'

3. 在Vue组件中使用自定义hooks：

export default {
setup() {
// 使用计数器自定义hook
const { count, inc, dec } = useCounter(0)
// 使用防抖自定义hook
const { value: debouncedValue } = useDebounce(count, 500)
// 使用节流自定义hook
const { value: throttledValue } = useThrottle(count, 500)

return {
count,
inc,
dec,
debouncedValue,
throttledValue,
}
},
}