用途
本技能用于在用户需要 Vue 3 相关帮助时提供指导,依据 Vue 3 官方指南与 API 参考。适用场景包括:学习或应用 Vue 3 指南主题(从介绍到进阶扩展内容);实现 Vue 3 组件、响应式、模板与路由;遵循 Vue 3 最佳实践、TypeScript 用法或性能指导;查阅 Vue 3 API 参考中的特定函数或选项。
主要能力
技能内容与 Vue 3 官方文档的指南页和 API 页一一对应,覆盖以下主题范围:
- 入门:介绍、快速上手。
- 基础:应用、模板语法、响应式基础、计算属性、类与样式、条件渲染、列表渲染、事件处理、表单、侦听器、模板引用、组件基础、生命周期。
- 组件深入:注册、props、事件、v-model、attrs、插槽、依赖注入、异步组件。
- 可复用性:组合式函数、自定义指令、插件。
- 内置组件:Transition、TransitionGroup、KeepAlive、Teleport、Suspense。
- 规模化:单文件组件、工具链、路由、状态管理、测试、服务端渲染。
- 最佳实践:生产部署、性能、无障碍、安全。
- TypeScript:总览、组合式 API、选项式 API。
- 进阶主题:使用 Vue 的方式、组合式 API 常见问题、深入响应式、渲染机制、渲染函数、Web Components、动画。
API 参考覆盖:全局 API、组合式 API(setup、响应式核心、响应式工具、响应式进阶、生命周期、依赖注入、辅助函数)、选项式 API(状态、渲染、生命周期、组合、杂项、组件实例)、内置指令/组件/特殊元素/特殊属性、单文件组件(规范、script setup、CSS 特性)、进阶 API(自定义元素、渲染函数、SSR、工具类型、自定义渲染器、编译时标志)。
使用方式
- 从用户请求中识别主题。
- 打开 examples/ 下匹配的指南示例文件。
- 若需要 API 细节,打开 api/ 下匹配的文件。
- 遵循官方指导,使输出与 Vue 3 文档保持一致。
指南映射示例(与指南页一一对应):
- examples/getting-started/introduction.md → https://cn.vuejs.org/guide/introduction.html
- examples/essentials/reactivity-fundamentals.md → https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html
- examples/scaling-up/routing.md → https://cn.vuejs.org/guide/scaling-up/routing.html
- examples/best-practices/performance.md → https://cn.vuejs.org/guide/best-practices/performance.html
- examples/typescript/overview.md → https://cn.vuejs.org/guide/typescript/overview.html
API 映射示例(与 API 页一一对应):
- api/reactivity-core.md → https://cn.vuejs.org/api/reactivity-core.html
- api/composition-api-setup.md → https://cn.vuejs.org/api/composition-api-setup.html
- api/options-state.md → https://cn.vuejs.org/api/options-state.html
- api/sfc-script-setup.md → https://cn.vuejs.org/api/sfc-script-setup.html
- api/ssr.md → https://cn.vuejs.org/api/ssr.html
适用场景
适合需要 Vue 3 概念解释、组件与应用实现指导、最佳实践与 TypeScript 用法参考,以及查询具体 API 函数或选项的开发者。
限制
本技能依据 Vue 3 官方指南与 API 参考提供指导,输出需与 Vue 3 文档保持一致。关于收费、价格、平台支持范围等具体信息,资料中暂未提供。
资源
- 指南:https://cn.vuejs.org/guide/introduction.html
- API:https://cn.vuejs.org/api/
关键词:Vue 3, Vue.js, Composition API, Options API, reactivity, template syntax, components, directives, lifecycle, routing, state management, TypeScript