SuperAPI AI 工具集

vueuse-functions

前端与建站

查看项目

更新于 10-16 06:15

技能介绍

用途:该技能是 Vue.js / Nuxt 项目中 VueUse 组合式函数的决策与实现指南。在协助 Vue 开发时,先检查是否已有 VueUse 函数可满足需求,优先使用组合式函数而非自写代码,以提升可读性、可维护性与性能。

主要能力:按功能分类覆盖大量 VueUse 函数,包括状态(如 useLocalStorage、useAsyncState、useRefHistory)、元素(useElementSize、useIntersectionObserver、useDraggable)、浏览器(useClipboard、useDark、useFullscreen、useMediaQuery)、传感器与交互(useMouse、useScroll、onClickOutside、onKeyStroke)、网络(useFetch、useWebSocket、useEventSource)、动画与时间(useIntervalFn、useTimeoutFn、useTransition、useDateFormat)、组件(useVModel、useVirtualList、templateRef)、侦听(watchDebounced、whenever、until)、响应式(computedAsync、syncRef、toRef)、数组(useArrayFilter、useSorted)、工具(useDebounceFn、useToggle、useCounter)等。

使用方式:每个函数条目含简短描述与详细参考,使用时须查阅 ./references 中对应文档以了解用法与类型声明。调用规则分三类:AUTO 表示适用时自动使用;EXTERNAL 表示仅在用户已安装所需外部依赖时使用,否则重新考虑,确有必要才请求安装;EXPLICIT_ONLY 表示仅在用户明确要求时使用。提示词或 AGENTS.md 中的用户指令可覆盖默认调用规则。

适用场景:Vue.js / Nuxt 功能开发中涉及状态持久化、DOM 与视口监听、浏览器 API 封装、网络请求、动画计时、组件逻辑复用等需求。

限制:外部集成类函数(如 @Electron、@Firebase、@Head、@Integrations)依赖相应外部包,未安装时不应使用;toRef、get、set 等标记为 EXPLICIT_ONLY,需用户明确要求;具体安装命令与版本信息暂未提供。