SuperAPI AI 工具集

vueuse-integrations-skilld

前端与建站

查看项目

更新于 10-16 01:24

技能介绍

用途:@vueuse/integrations 是 VueUse 的附加包,为 12 个第三方工具库提供响应式封装,需配合 Vue ^3.5.0 使用,并依赖 @vueuse/core 与 @vueuse/shared 15.0.0。自 v13 起仅提供 ESM,v15 要求 Node >= 22。

主要能力:每个封装对应一个可选 peer 依赖,未安装则运行时导入失败。useAsyncValidator 需 async-validator@^4,useAxios 需 axios@^1,useChangeCase 需 change-case@^5,useCookies 需 universal-cookie@^7,useDrauu 需 drauu@^1,useFocusTrap 需 focus-trap@^7,useFuse 需 fuse.js@^7,useIDBKeyval 需 idb-keyval@^6,useJwt 需 jwt-decode@^4,useNProgress 需 nprogress@^0.2,useQRCode 需 qrcode@^1.5,useSortable 需 sortablejs@^1。

使用方式:安装命令为 npm i @vueuse/integrations。为便于 tree-shaking,应从按函数划分的子模块导入,例如 import { useAxios } from '@vueuse/integrations/useAxios',避免从包根导入。组件从 /component 子路径导入,如 UseFocusTrap、UseSortable、UseAsyncValidator。v14.0.0 起别名导出已废弃,应使用原始名称。

v15 破坏性变更:useIDBKeyval 返回对象 { data, isFinished, isSupported, set } 而非 ref,需解构 data;默认通过 BroadcastChannel 跨标签页同步,可用 listenToStorageChanges: false 关闭;不再支持 Node.js 20;drauu peer 范围放宽为 ^1 || ^0.4。

限制:仅 ESM,无 CommonJS 构建;useQRCode 仅在浏览器渲染;useIDBKeyval 的标签页同步依赖 BroadcastChannel,由 isSupported 报告。其余细节暂未提供。