技能 vueuse-functions

📦

vueuse-functions

Name: vueuse-functions
Author: antfu

v1.0 内容修订 r2 安全 ⚙️ 外部命令🌐 网络访问📁 文件系统访问

更快构建 VueUse 组合式函数

Vue 和 Nuxt 团队会花时间选择合适的响应式工具。此技能会将需求映射到 VueUse 组合式函数和使用说明。

支持: Claude Codex Code(CC)

📊 76 合格

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "vueuse-functions" from https://skillstore.io/skills/antfu-vueuse-functions.md and its manifest at https://skillstore.io/api/skills/antfu-vueuse-functions/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/antfu-vueuse-functions.md 已签名 manifest GET /api/skills/antfu-vueuse-functions/manifest 已签名 lockfile GET /api/skills/antfu-vueuse-functions/lockfile

测试它

正在使用“vueuse-functions”。向 Nuxt 设置面板添加深色模式支持。

预期结果:

助手会推荐 useDark 或 useColorMode，解释持久化行为，并说明 SSR 和用户偏好处理。

正在使用“vueuse-functions”。替换 Vue 组件中的手动 resize 监听器。

预期结果:

助手会建议 useResizeObserver 或 useWindowSize，描述清理收益，并指向相关参考指导。

正在使用“vueuse-functions”。构建一个会响应页面变化的分页列表。

预期结果:

助手会识别 useOffsetPagination，概述它提供的响应式状态，并解释如何将其连接到数据加载。

安全审计

安全

v6 • 2026/7/23 打开版本化报告

All 400 presented static findings are false positives caused by Markdown formatting, TypeScript declarations, relative documentation paths, and legitimate VueUse examples. Keyboard examples handle user-interface events without recording or transmitting input, while network examples use documentation endpoints or caller-provided URLs. No prompt injection or malicious intent was found in the reviewed files. Static review was capped at 400/1259 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.

269

已扫描文件

25,948

分析行数

复核项

已忽略误报

风险因素

⚙️ 外部命令 (50)

references/computedAsync.md:59-65 references/computedAsync.md:193-195 references/computedEager.md:60-62 references/computedWithControl.md:19-20 references/computedWithControl.md:20-22 references/computedWithControl.md:96-98 references/createDisposableDirective.md:21-27 references/createDisposableDirective.md:36-47 references/createEventHook.md:53-86 references/createInjectionState.md:33 references/createInjectionState.md:47-50 references/createInjectionState.md:188-226 references/createRef.md:36 references/createRef.md:46 references/createReusableTemplate.md:124 references/createReusableTemplate.md:133 references/createReusableTemplate.md:347 references/createTemplatePromise.md:260 references/get.md:23-30 references/injectLocal.md:24-27 references/injectLocal.md:27-30 references/injectLocal.md:30-35 references/logicAnd.md:29-38 references/logicAnd.md:38-40 references/logicNot.md:27-34 references/logicNot.md:34-36 references/logicOr.md:29-38 references/logicOr.md:38-40 references/onKeyStroke.md:42-49 references/onKeyStroke.md:153-212 references/onLongPress.md:89-92 references/onLongPress.md:194-235 references/provideLocal.md:25-28 references/provideLocal.md:28-31 references/provideLocal.md:31-37 references/reactify.md:142-144 references/reactifyObject.md:18-19 references/reactifyObject.md:47-62 references/refAutoReset.md:44-46 references/refDebounced.md:77-79 references/refDebounced.md:79-81 references/refManualReset.md:33 references/refManualReset.md:34-48 references/refThrottled.md:95-97 references/refThrottled.md:97-99 references/refWithControl.md:58-59 references/refWithControl.md:69-70 references/refWithControl.md:85-94 references/refWithControl.md:117-123 references/refWithControl.md:123-143

🌐 网络访问 (50)

references/computedAsync.md:58 references/computedAsync.md:59 references/computedAsync.md:168 references/computedEager.md:50 references/createDisposableDirective.md:38 references/createEventHook.md:20 references/createEventHook.md:54 references/createEventHook.md:81 references/createGlobalState.md:87 references/createInjectionState.md:206 references/createReusableTemplate.md:350 references/createSharedComposable.md:35 references/createTemplatePromise.md:299 references/createUnrefFn.md:26 references/createUnrefFn.md:22 references/logicAnd.md:31 references/logicNot.md:29 references/logicOr.md:31 references/onClickOutside.md:209 references/onKeyStroke.md:162 references/onKeyStroke.md:176 references/onKeyStroke.md:189 references/onKeyStroke.md:202 references/onStartTyping.md:45 references/refAutoReset.md:36 references/refManualReset.md:42 references/templateRef.md:76 references/toReactive.md:35 references/toRefs.md:70 references/until.md:17 references/until.md:17 references/until.md:145 references/useAbs.md:24 references/useActiveElement.md:78 references/useAnimate.md:170 references/useArrayDifference.md:66 references/useArrayEvery.md:47 references/useArrayFilter.md:47 references/useArrayFind.md:38 references/useArrayFindIndex.md:47 references/useArrayFindLast.md:40 references/useArrayIncludes.md:42 references/useArrayJoin.md:62 references/useArrayMap.md:47 references/useArrayReduce.md:52 references/useArrayReduce.md:67 references/useArraySome.md:47 references/useArrayUnique.md:65 references/useAsyncQueue.md:126 references/useAsyncState.md:13

📁 文件系统访问 (8)

references/useBreakpoints.md:103 references/useExtractedObservable.md:23 references/useMediaQuery.md:35 references/useSSRWidth.md:7 references/watchExtractedObservable.md:20 references/watchExtractedObservable.md:42 references/watchExtractedObservable.md:69 SKILL.md:111

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/antfu-vueuse-functions/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/antfu-vueuse-functions/security.svg)](https://skillstore.io/skills/antfu-vueuse-functions?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/antfu-vueuse-functions?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vueuse-functions/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/antfu-vueuse-functions.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

antfu. (2026). vueuse-functions security audit report (audit version 6) [Author version 1.0]. Skillstore. https://skillstore.io/skills/antfu-vueuse-functions/audits/6

BibTeX 引用

@techreport{antfu-antfu-vueuse-functions-2026,
  author = {antfu},
  title = {vueuse-functions security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/antfu-vueuse-functions/audits/6},
  note = {Author version 1.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vueuse-functions security audit report (audit version 6)"
version: "1.0"
type: report
authors:
  - name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vueuse-functions/audits/6"
identifiers:
  - type: other
    value: "skillstore:antfu-vueuse-functions:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

为功能选择组合式函数

找到与所请求 UI 行为匹配的 VueUse 函数，然后应用其文档化的使用模式。

现代化自定义响应式代码

用标准 VueUse 组合式函数替换手写的状态、事件、计时或浏览器 API 辅助工具。

规划可选集成

在将功能添加到项目之前，识别何时需要外部 VueUse 集成包。

试试这些提示

查找 VueUse 匹配项

我正在构建一个需要 [behavior] 的 Vue 3 功能。我应该使用哪个 VueUse 组合式函数，为什么？

应用组合式函数

更新此 Vue 组件，以使用最适合 [behavior] 的 VueUse 组合式函数。解释任何必需的 imports 或 options。

重构自定义逻辑

审查这段自定义 Vue 响应式逻辑，并在能提升可维护性的地方用 VueUse 组合式函数替换它。

设计 Nuxt 模式

使用 VueUse 为 [feature] 设计 Nuxt 3 方案。包括 SSR 考量、浏览器权限限制和可选依赖。

最佳实践

在使用外部或仅显式调用的组合式函数之前，检查调用规则。
当 VueUse 工具能减少自定义事件、计时器、存储或 observer 代码时，优先使用它们。
在使用传感器、媒体、文件或 window API 之前，审查浏览器权限和 SSR 行为。

避免

除非项目已经使用可选集成包或用户批准安装，否则不要添加它们。
不要在没有保护措施的情况下，在服务器渲染期间使用仅浏览器可用的组合式函数。
当 VueUse 组合式函数不能带来有意义的简化时，不要替换清晰的原生 Vue 代码。

常见问题

此技能会安装 VueUse 吗？

不会。它会指导实现和包选择，但安装仍然是项目决策。

哪些项目可以使用此技能？

它适用于可以使用 VueUse 组合式函数的 Vue 3 和 Nuxt 3 项目。

它能在相似的组合式函数之间做选择吗？

可以。它会将请求的行为与本地参考页面和调用规则进行比较。

它支持外部 VueUse 集成吗？

支持，但仅当依赖已经存在或获得批准时，才应使用外部集成。

它能帮助处理 SSR 考量吗？

可以。它可以标记仅浏览器可用的 API，并建议保护措施或 Nuxt 安全的使用模式。

参考文件是可执行的吗？

不是。它们是用于指导实现的 Markdown 文档和类型参考。

开发者详情

作者

antfu

许可证

MIT

作者版本

v1.0

Skillstore 修订

版本提示

作者声明的版本不符合 SemVer 规范。

仓库

https://github.com/antfu/skills/tree/main/skills/vueuse-functions/

引用

89edfdc710d0846129dcee6a929477b04f08052c

维护新鲜度

2026/7/24

使用量

10 次下载 · 428 次浏览

文件结构

📄 LICENSE.md

📁 references/

📄 computedAsync.md

📄 computedEager.md

📄 computedInject.md

📄 computedWithControl.md

📄 createDisposableDirective.md

📄 createEventHook.md

📄 createGenericProjection.md

📄 createGlobalState.md

📄 createInjectionState.md

📄 createProjection.md

📄 createRef.md

📄 createReusableTemplate.md

📄 createSharedComposable.md

📄 createTemplatePromise.md

📄 createUnrefFn.md

📄 extendRef.md

📄 from.md

📄 get.md

📄 injectLocal.md

📄 isDefined.md

📄 logicAnd.md

📄 logicNot.md

📄 logicOr.md

📄 makeDestructurable.md

📄 onClickOutside.md

📄 onElementRemoval.md

📄 onKeyStroke.md

📄 onLongPress.md

📄 onStartTyping.md

📄 provideLocal.md

📄 reactify.md

📄 reactifyObject.md

📄 reactiveComputed.md

📄 reactiveOmit.md

📄 reactivePick.md

📄 refAutoReset.md

📄 refDebounced.md

📄 refDefault.md

📄 refManualReset.md

📄 refThrottled.md

📄 refWithControl.md

📄 set.md

📄 syncRef.md

📄 syncRefs.md

📄 templateRef.md

📄 toObserver.md

📄 toReactive.md

📄 toRef.md

📄 toRefs.md

📄 tryOnBeforeMount.md

📄 tryOnBeforeUnmount.md

📄 tryOnMounted.md

📄 tryOnScopeDispose.md

📄 tryOnUnmounted.md

📄 unrefElement.md

📄 until.md

📄 useAbs.md

📄 useActiveElement.md

📄 useAnimate.md

📄 useArrayDifference.md

📄 useArrayEvery.md

📄 useArrayFilter.md

📄 useArrayFind.md

📄 useArrayFindIndex.md

📄 useArrayFindLast.md

📄 useArrayIncludes.md

📄 useArrayJoin.md

📄 useArrayMap.md

📄 useArrayReduce.md

📄 useArraySome.md

📄 useArrayUnique.md

📄 useAsyncQueue.md

📄 useAsyncState.md

📄 useAsyncValidator.md

📄 useAuth.md

📄 useAverage.md

📄 useAxios.md

📄 useBase64.md

📄 useBattery.md

📄 useBluetooth.md

📄 useBreakpoints.md

📄 useBroadcastChannel.md

📄 useBrowserLocation.md

📄 useCached.md

📄 useCeil.md

📄 useChangeCase.md

📄 useClamp.md

📄 useClipboard.md

📄 useClipboardItems.md

📄 useCloned.md

📄 useColorMode.md

📄 useConfirmDialog.md

📄 useCookies.md

📄 useCountdown.md

📄 useCounter.md

📄 useCssSupports.md

📄 useCssVar.md

📄 useCurrentElement.md

📄 useCycleList.md

📄 useDark.md

📄 useDateFormat.md

📄 useDebouncedRefHistory.md

📄 useDebounceFn.md

📄 useDeviceMotion.md

📄 useDeviceOrientation.md

📄 useDevicePixelRatio.md

📄 useDevicesList.md

📄 useDisplayMedia.md

📄 useDocumentVisibility.md

📄 useDraggable.md

📄 useDrauu.md

📄 useDropZone.md

📄 useElementBounding.md

📄 useElementByPoint.md

📄 useElementHover.md

📄 useElementSize.md

📄 useElementVisibility.md

📄 useEventBus.md

📄 useEventListener.md

📄 useEventSource.md

📄 useExtractedObservable.md

📄 useEyeDropper.md

📄 useFavicon.md

📄 useFetch.md

📄 useFileDialog.md

📄 useFileSystemAccess.md

📄 useFirestore.md

📄 useFloor.md

📄 useFocus.md

📄 useFocusTrap.md

📄 useFocusWithin.md

📄 useFps.md

📄 useFullscreen.md

📄 useFuse.md

📄 useGamepad.md

📄 useGeolocation.md

📄 useIDBKeyval.md

📄 useIdle.md

📄 useImage.md

📄 useInfiniteScroll.md

📄 useIntersectionObserver.md

📄 useInterval.md

📄 useIntervalFn.md

📄 useIpcRenderer.md

📄 useIpcRendererInvoke.md

📄 useIpcRendererOn.md

📄 useJwt.md

📄 useKeyModifier.md

📄 useLastChanged.md

📄 useLocalStorage.md

📄 useMagicKeys.md

📄 useManualRefHistory.md

📄 useMath.md

📄 useMax.md

📄 useMediaControls.md

📄 useMediaQuery.md

📄 useMemoize.md

📄 useMemory.md

📄 useMin.md

📄 useMounted.md

📄 useMouse.md

📄 useMouseInElement.md

📄 useMousePressed.md

📄 useMutationObserver.md

📄 useNavigatorLanguage.md

📄 useNetwork.md

📄 useNow.md

📄 useNProgress.md

📄 useObjectUrl.md

📄 useObservable.md

📄 useOffsetPagination.md

📄 useOnline.md

📄 usePageLeave.md

📄 useParallax.md

📄 useParentElement.md

📄 usePerformanceObserver.md

📄 usePermission.md

📄 usePointer.md

📄 usePointerLock.md

📄 usePointerSwipe.md

📄 usePrecision.md

📄 usePreferredColorScheme.md

📄 usePreferredContrast.md

📄 usePreferredDark.md

📄 usePreferredLanguages.md

📄 usePreferredReducedMotion.md

📄 usePreferredReducedTransparency.md

📄 usePrevious.md

📄 useProjection.md

📄 useQRCode.md

📄 useRafFn.md

📄 useRefHistory.md

📄 useResizeObserver.md

📄 useRound.md

📄 useRouteHash.md

📄 useRouteParams.md

📄 useRouteQuery.md

📄 useRTDB.md

📄 useScreenOrientation.md

📄 useScreenSafeArea.md

📄 useScriptTag.md

📄 useScroll.md

📄 useScrollLock.md

📄 useSessionStorage.md

📄 useShare.md

📄 useSortable.md

📄 useSorted.md

📄 useSpeechRecognition.md

📄 useSpeechSynthesis.md

📄 useSSRWidth.md

📄 useStepper.md

📄 useStorage.md

📄 useStorageAsync.md

📄 useStyleTag.md

📄 useSubject.md

📄 useSubscription.md

📄 useSum.md

📄 useSupported.md

📄 useSwipe.md

📄 useTemplateRefsList.md

📄 useTextareaAutosize.md

📄 useTextDirection.md

📄 useTextSelection.md

📄 useThrottledRefHistory.md

📄 useThrottleFn.md

📄 useTimeAgo.md

📄 useTimeAgoIntl.md

📄 useTimeout.md

📄 useTimeoutFn.md

📄 useTimeoutPoll.md

📄 useTimestamp.md

📄 useTitle.md

📄 useToggle.md

📄 useToNumber.md

📄 useToString.md

📄 useTransition.md

📄 useTrunc.md

📄 useUrlSearchParams.md

📄 useUserMedia.md

📄 useVibrate.md

📄 useVirtualList.md

📄 useVModel.md

📄 useVModels.md

📄 useWakeLock.md

📄 useWebNotification.md

📄 useWebSocket.md

📄 useWebWorker.md

📄 useWebWorkerFn.md

📄 useWindowFocus.md

📄 useWindowScroll.md

📄 useWindowSize.md

📄 useZoomFactor.md

📄 useZoomLevel.md

📄 watchArray.md

📄 watchAtMost.md

📄 watchDebounced.md

📄 watchDeep.md

📄 watchExtractedObservable.md

📄 watchIgnorable.md

📄 watchImmediate.md

📄 watchOnce.md

📄 watchPausable.md

📄 watchThrottled.md

📄 watchTriggerable.md

📄 watchWithFilter.md

📄 whenever.md

📄 SKILL.md

📄 SYNC.md