Vue工具库VueUse

什么是 VueUse
VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS API变得支持响应式，省去程序员自己写相关代码。

VueUse 是一个基于 Composition API 的实用函数集合。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。以及进行了机遇 Composition API 的封装。

VueUse 有哪些实用程序？

如果你想查看每个实用程序的完整列表，我绝对建议你查看官方文档。但总结一下，VueUse 中有 9 种函数。

1. 动画（Animation）—包含易于使用的过渡、超时和计时函数

2. 浏览器（Browser）—可用于不同的屏幕控制、剪贴板、首选项等

3. 组件（Component）— 为不同的组件方法提供简写

4. Formatters – 提供反应时间格式化功能

5. 传感器（Sensors ）—用于监听不同的 DOM 事件、输入事件和网络事件

6. 状态（State ）—管理用户状态（全局、本地存储、会话存储）

7. 实用程序（Utility）—不同的实用程序函数，如 getter、条件、引用同步等

8. Watch —更高级的观察者类型，如可暂停观察者、去抖动观察者和条件观察者

9. 杂项（Misc）— 事件、WebSockets 和 Web Worker 的不同类型的功能

这些类别中的大多数都包含几个不同的功能，因此 VueUse 可以灵活地用于你的用例，并且可以作为快速开始构建 Vue 应用程序的绝佳场所。

将 VueUse 安装到你的 Vue 项目中
VueUse的最大特点之一是，它只用一个软件包就能同时兼容Vue 2和Vue 3！

安装VueUse有两种选择npm或CDN

npm i @vueuse/core

使用

在使用的文件里导入即可

 温馨提示：看官方文档！！！！！

官网
VueUse | VueUse