SuperAPI AI 工具集

vueuse-functions

前端与建站

查看项目

更新于 10-16 09:33

技能介绍

用途:面向 Vue.js / Nuxt 项目开发,指导在写代码前先判断是否可用 VueUse 组合式函数满足需求,并优先采用组合式方案替代自定义实现,以提升可读性、可维护性与性能。

主要能力:该技能为 VueUse 函数提供决策与实现参考,按功能分类覆盖状态(如 createGlobalState、useAsyncState、useStorage、useRefHistory)、元素(如 useElementSize、useIntersectionObserver、useDraggable、useDropZone)、浏览器(如 useClipboard、useColorMode、useDark、useEventListener、useFullscreen、useMediaQuery、useWebWorker)、传感器与交互(如 onClickOutside、onKeyStroke、onLongPress、useMouse、useSwipe、useGeolocation)、网络(useFetch、useWebSocket、useEventSource)、动画与定时(useIntervalFn、useTimeoutFn、useRafFn、useTransition)、组件(useVModel、useVirtualList、createReusableTemplate)、监听(watchDebounced、watchThrottled、whenever、until)、响应式(computedAsync、syncRef、refDebounced)、数组(useArrayFilter、useSorted、useArrayUnique)、时间(useDateFormat、useTimeAgo、useCountdown)及工具(useDebounceFn、useThrottleFn、useToggle、useMemoize)等。

调用规则:函数表中标注调用方式。AUTO 表示适用时自动使用;EXTERNAL 表示仅当用户已安装所需外部依赖时才使用,否则重新考虑,确有必要才请求安装;EXPLICIT_ONLY 表示仅当用户明确要求时使用。用户提示或 AGENTS.md 中的指令可覆盖默认调用规则。注意 toRef、get、set 为 EXPLICIT_ONLY;@Electron、@Firebase、@Head、@Integrations 下函数为 EXTERNAL。

使用方式:使用任一函数时应查阅对应参考文档以获取用法与类型声明。

限制:资料未提供安装命令、版本信息、具体代码示例及价格等细节,暂未提供。