分享一個很實用的工具庫 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 你只需要短短几行代碼即可實現複雜的效果。系統所需要的功能它都早已經為我們準備好了。關於它的更多操作,就不再一一演示,有興趣的朋友可以移步到官網查看。