Stories

Detail Return Return

一個讓vue開發效率翻倍的小工具 - Stories Detail

圖片

分享一個很實用的工具庫 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 Avatar woniuseo Avatar Z-HarOld Avatar wmbuke Avatar yixiyidong Avatar xiaodiandideyangrouchuan Avatar lin494910940 Avatar it1042290135 Avatar xw-01 Avatar licin Avatar Asp1rant Avatar junxiudetuoba Avatar
Favorites 64 users favorite the story!
Favorites

Add a new Comments

Some HTML is okay.