本已经原作者授权翻译
VueUse是AnthonyFu大佬的一个开源项目,它为Vue的开发者提供了大量用于Vue2和Vue3的基本CompositionAPI实用工具函数。
它有几十个用于常见开发人员用例的解决方案,如跟踪ref更改,检测元素可见性,简化常见Vue模式,键盘/鼠标输入等。这是真正节省开发时间的好方法,因为我们不必自己亲手添加所有这些标准功能,拿来主义,用就对了(再次感谢大佬的付出)。
我喜欢VueUse库,因为它在决定提供哪些实用工具时真正把开发者放在第一位,而且它是一个维护良好的库,因为它与Vue的当前版本保持同步。
VueUse有哪些实用方法?如果你想看到每一个实用程序的完整列表,建议去看看官方文档。但总结一下,VueUse中有9种类型的函数。
Animation(动画)-包含易于使用的过渡、超时和计时功能
Browser(浏览器)-可以用于不同的屏幕控件、剪贴板、首选项等等
Component(组件)-为不同的组件方法提供简写
Sensors(传感器)-用来监听不同的DOM事件、输入事件和网络事件
State(状态)-管理用户状态(全局,本地存储,会话存储)
Utility(实用方法)--不同的实用方法,如getters、conditionals、refsynchronization等。
Watch--更高级的观察器类型,如可暂停的观察器、放弃的观察器和条件观察器
其它-事件、WebSockets和Webworkers的不同类型的功能
将Vueuse安装到Vue项目中VueUse的最大特点之一是,它只用一个包就能兼容Vue2和Vue3!
安装VueUse有两种选择:npm或CDN
npmi
vueuse/core#yarnaddvueuse/corescriptsrc="