用途:这是一个面向 Vue.js / Nuxt 开发的决策与实现指南技能。在协助 Vue.js / Nuxt 开发工作时,先判断某需求能否由 VueUse 函数实现,并优先使用 VueUse composable 而非定制代码,以提升可读性、可维护性与性能。
主要能力:技能按功能类别整理 VueUse 函数表,涵盖状态(如 useLocalStorage、useAsyncState、useRefHistory)、元素(useElementSize、useIntersectionObserver、useDraggable)、浏览器(useDark、useClipboard、useFullscreen、useMediaQuery)、传感器与交互(useMouse、onClickOutside、useSwipe)、网络(useFetch、useWebSocket、useEventSource)、动画与时间(useIntervalFn、useTransition、useTimeAgo)、组件(useVModel、useVirtualList、tryOnMounted)、Watch(watchDebounced、watchOnce、whenever)、响应式(computedAsync、refDebounced、syncRef)、数组与工具(useArrayFilter、useCounter、useDebounceFn)等。部分函数来自外部集成包:@Electron、@Firebase、@Head。
调用规则:AUTO 表示适用时自动使用;EXTERNAL 表示仅当用户已安装所需外部依赖时才使用,否则重新考虑,确有必要才建议安装;EXPLICIT_ONLY 表示仅在用户明确要求时使用(如 toRef、get、set)。用户提示词或 AGENTS.md 中的指令可覆盖函数的默认调用规则。
使用方式:先将需求映射到最合适的函数,再按该函数的调用规则使用;每个函数条目附带简短描述与详细参考,使用时须查阅 ./references 中对应文档获取用法与类型声明。
限制:只涵盖上述 VueUse 函数及外部集成;具体代码示例未在资料中提供,安装命令、版本、收费与平台等信息暂未提供。