Web开发

首页 » 常识 » 常识 » VueUse中的这5个函数,也太好用了吧
TUhjnbcbe - 2022/6/5 16:51:00

本已经原作者授权翻译

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#yarnadd

vueuse/core

scriptsrc="

1
查看完整版本: VueUse中的这5个函数,也太好用了吧