一个让vue开发效率翻倍的小工具

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

它的初衷就是将一切原本并不支持响应式的 JS API 变得支持响应式,省去程序员自己写相关代码。

官方地址:

vueuse.org/

中文地址:

www.vueusejs.com/

github:

github.com/vueuse/vueu...

功能目录:

功能演示:

1、白天黑夜模式切换

2、使元素可拖拽

3、元素尺寸大小响应式

4、响应式获取鼠标相对于元素的位置

5、剪贴板

6、使用吸管工具吸取颜色

7、选择文件

8、手动触发的 watch

总结:

使用 VueUse 你只需要短短几行代码即可实现复杂的效果。系统所需要的功能它都早已经为我们准备好了。关于它的更多操作,就不再一一演示,有兴趣的朋友可以移步到官网查看。

相关推荐
IT_陈寒12 分钟前
Python开发者必看!10个高效数据处理技巧让你的Pandas代码提速300%
前端·人工智能·后端
ajassi200023 分钟前
开源 C++ QT QML 开发(十一)通讯--TCP服务器端
c++·qt·开源
只_只29 分钟前
npm install sqlite3时报错解决
前端·npm·node.js
FuckPatience33 分钟前
Vue ASP.Net Core WebApi 前后端传参
前端·javascript·vue.js
数字冰雹34 分钟前
图观 流渲染打包服务器
服务器·前端·github·数据可视化
JarvanMo36 分钟前
Flutter:我在网上看到了一个超炫的动画边框,于是我在 Flutter 里把它实现了出来
前端
returnfalse36 分钟前
前端性能优化-第三篇(JavaScript执行优化)
前端·性能优化
白鲸开源37 分钟前
3.1.8<3.2.0<3.3.1,Apache DolphinScheduler集群升级避坑指南
java·开源·github
yuzhiboyouye41 分钟前
前端架构师,是架构什么
前端·架构
全马必破三44 分钟前
Buffer:Node.js 里处理二进制数据的 “小工具”
前端·node.js