動態

詳情 返回 返回

一個讓vue開發效率翻倍的小工具 - 動態 詳情

圖片

分享一個很實用的工具庫 VueUse,它是基於 Vue Composition Api,也就是組合式API。支持在Vue2和Vue3項目中進行使用,據説是目前世界上Star最高的同類型庫之一。

圖片

它的初衷就是將一切原本並不支持響應式的 JS API 變得支持響應式,省去程序員自己寫相關代碼。

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

功能目錄:

圖片

功能演示:

1、白天黑夜模式切換

圖片

2、使元素可拖拽

圖片

3、元素尺寸大小響應式

圖片

4、響應式獲取鼠標相對於元素的位置

圖片

5、剪貼板

圖片

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

圖片

7、選擇文件

圖片

8、手動觸發的 watch

圖片

總結:

使用 VueUse 你只需要短短几行代碼即可實現複雜的效果。系統所需要的功能它都早已經為我們準備好了。關於它的更多操作,就不再一一演示,有興趣的朋友可以移步到官網查看。

user avatar zero_dev 頭像 woniuseo 頭像 Z-HarOld 頭像 wmbuke 頭像 yixiyidong 頭像 xiaodiandideyangrouchuan 頭像 lin494910940 頭像 it1042290135 頭像 xw-01 頭像 licin 頭像 Asp1rant 頭像 junxiudetuoba 頭像
點贊 64 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.