基于Vue组合式API的实用工具集

简介

今天，给大家分享一个很实用的工具库 VueUse，它是基于 Vue Composition Api，也就是组合式API。支持在Vue2和Vue3项目中进行使用，据说是目前世界上Star最高的同类型库之一。

图片官方地址：https://vueuse.org/
中文地址：https://www.vueusejs.com/
github：https://github.com/vueuse/vueuse

功能目录

图片链接地址：https://www.vueusejs.com/guide/

功能演示

白天黑夜模式切换：使用工具的useColorMode实现黑白模式的切换。

图片元素可拖拽：使用useDraggable实现元素可拖拽。

图片获取鼠标相对于元素的位置：使用useMouse可获取鼠标相对于元素的位置。

图片剪贴板：使用useClipboard实现剪贴板功能。

图片颜色吸管工具：useEyeDropper主要用来实现吸管工具吸取颜色。

图片文件选择器：我们可以使用useFileDialog实现文件选择功能。

图片除了上面介绍的一些工具外，VueUse提供的工具还有很多，可以自己去自行研究。官网链接：https://www.vueusejs.com/guide/。