SuperAPI AI 工具集

vue3

前端与建站

查看项目

更新于 10-14 18:54

技能介绍

本技能用于在用户需要 Vue 3 相关概念、模式或 API 细节时提供指导,帮助构建组件与应用。其定位是围绕 Vue 3 官方指南与 API 参考,给出与官方文档一致的说明和建议。

何时使用:当用户想要学习或应用 Vue 3 指南主题(从介绍到进阶额外内容)、实现 Vue 3 组件与响应式、模板与路由、遵循 Vue 3 最佳实践、TypeScript 用法或性能指导,以及查询 Vue 3 API 参考中特定函数或选项时,可使用本技能。

使用方式:首先从用户请求中识别主题;然后打开 examples/ 下与该主题匹配的指南示例文件;如果需要 API 细节,再打开 api/ 下对应的文件;最后遵循官方指导,保持输出与 Vue 3 文档一致。

内容组织:示例目录与官方指南页面一一对应,涵盖入门(introduction、quick-start)、基础(application、template-syntax、reactivity-fundamentals、computed、class-and-style、conditional、list、event-handling、forms、watchers、template-refs、component-basics、lifecycle)、组件深入(registration、props、events、v-model、attrs、slots、provide-inject、async)、可复用性(composables、custom-directives、plugins)、内置组件(transition、transition-group、keep-alive、teleport、suspense)、规模化(sfc、tooling、routing、state-management、testing、ssr)、最佳实践(production-deployment、performance、accessibility、security)、TypeScript(overview、composition-api、options-api)以及额外主题(ways-of-using-vue、composition-api-faq、reactivity-in-depth、rendering-mechanism、render-function、web-components、animation)。

API 目录与官方 API 页面一一对应,涵盖全局 API(application、general)、组合式 API(setup、reactivity-core、reactivity-utilities、reactivity-advanced、lifecycle、dependency-injection、helpers)、选项式 API(state、rendering、lifecycle、composition、misc、component-instance)、内置内容(directives、components、special-elements、special-attributes)、单文件组件(sfc-spec、script-setup、css-features)与高级 API(custom-elements、render-function、ssr、utility-types、custom-renderer、compile-time-flags)。

适用场景:适合在开发 Vue 3 应用时查阅概念与用法,例如组件编写、响应式数据处理、路由与状态管理、性能与安全实践、TypeScript 集成,以及按 API 名称核对具体函数或选项。

限制:资料仅提供了上述官方文档映射关系,未提供安装命令、版本要求、收费与价格、平台支持、实际效果或具体使用步骤等信息,这些内容暂未提供。