博客 / 詳情

返回

一個讓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 dingxi 頭像 compose_hub 頭像 yourena_c 頭像 yancy_5f300f5cc4004 頭像 powerful_simon 頭像 romanticcrystal 頭像 hellotech 頭像 kylebing 頭像 ccVue 頭像 bygpt 頭像 Z-HarOld 頭像 dqfgy7fp 頭像
23 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.