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

相关推荐
我在北京coding27 分钟前
TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)
前端·javascript·vue.js
前端开发与ui设计的老司机1 小时前
UI前端与数字孪生结合实践探索:智慧物流的货物追踪与配送优化
前端·ui
全能打工人1 小时前
前端查询条件加密传输方案(SM2加解密)
前端·sm2前端加密
海天胜景1 小时前
vue3 获取选中的el-table行数据
javascript·vue.js·elementui
翻滚吧键盘2 小时前
vue绑定一个返回对象的计算属性
前端·javascript·vue.js
秃了也弱了。2 小时前
Chrome谷歌浏览器插件ModHeader,修改请求头,开发神器
前端·chrome
大咖分享课2 小时前
开源模型与商用模型协同开发机制设计
人工智能·开源·ai模型
乆夨(jiuze)2 小时前
记录H5内嵌到flutter App的一个问题,引发后面使用fastClick,引发后面input输入框单击无效问题。。。
前端·javascript·vue.js
忧郁的蛋~3 小时前
HTML表格导出为Excel文件的实现方案
前端·html·excel
小彭努力中3 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互