Vue3技能Skill vue3

---

名称: vue3 描述: 使用官方指南和API参考提供Vue 3指导。当用户需要Vue 3概念、模式或API细节来构建组件、应用和工具时使用。 许可证: 完整条款在LICENSE.txt中

何时使用此技能

使用此技能当用户想要：

• 学习或应用Vue 3指南主题（从入门到高级附加内容）
• 实现Vue 3组件、反应性、模板和路由
• 遵循Vue 3最佳实践、TypeScript使用或性能指导
• 检查Vue 3 API参考以获取特定函数或选项

如何使用此技能

1. 识别主题 从用户请求。
2. 打开匹配的指南示例 文件在 examples/。
3. 如果需要API细节，打开匹配的文件在 api/。
4. 遵循官方指导 并保持输出与Vue 3文档一致。

指南映射（与指南页面一对一对应）

入门

• examples/getting-started/introduction.md → https://cn.vuejs.org/guide/introduction.html
• examples/getting-started/quick-start.md → https://cn.vuejs.org/guide/quick-start.html

基础

• examples/essentials/application.md → https://cn.vuejs.org/guide/essentials/application.html
• examples/essentials/template-syntax.md → https://cn.vuejs.org/guide/essentials/template-syntax.html
• examples/essentials/reactivity-fundamentals.md → https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html
• examples/essentials/computed.md → https://cn.vuejs.org/guide/essentials/computed.html
• examples/essentials/class-and-style.md → https://cn.vuejs.org/guide/essentials/class-and-style.html
• examples/essentials/conditional.md → https://cn.vuejs.org/guide/essentials/conditional.html
• examples/essentials/list.md → https://cn.vuejs.org/guide/essentials/list.html
• examples/essentials/event-handling.md → https://cn.vuejs.org/guide/essentials/event-handling.html
• examples/essentials/forms.md → https://cn.vuejs.org/guide/essentials/forms.html
• examples/essentials/watchers.md → https://cn.vuejs.org/guide/essentials/watchers.html
• examples/essentials/template-refs.md → https://cn.vuejs.org/guide/essentials/template-refs.html
• examples/essentials/component-basics.md → https://cn.vuejs.org/guide/essentials/component-basics.html
• examples/essentials/lifecycle.md → https://cn.vuejs.org/guide/essentials/lifecycle.html

组件深入

• examples/components/registration.md → https://cn.vuejs.org/guide/components/registration.html
• examples/components/props.md → https://cn.vuejs.org/guide/components/props.html
• examples/components/events.md → https://cn.vuejs.org/guide/components/events.html
• examples/components/v-model.md → https://cn.vuejs.org/guide/components/v-model.html
• examples/components/attrs.md → https://cn.vuejs.org/guide/components/attrs.html
• examples/components/slots.md → https://cn.vuejs.org/guide/components/slots.html
• examples/components/provide-inject.md → https://cn.vuejs.org/guide/components/provide-inject.html
• examples/components/async.md → https://cn.vuejs.org/guide/components/async.html

可重用性

• examples/reusability/composables.md → https://cn.vuejs.org/guide/reusability/composables.html
• examples/reusability/custom-directives.md → https://cn.vuejs.org/guide/reusability/custom-directives.html
• examples/reusability/plugins.md → https://cn.vuejs.org/guide/reusability/plugins.html

内置组件

• examples/built-ins/transition.md → https://cn.vuejs.org/guide/built-ins/transition.html
• examples/built-ins/transition-group.md → https://cn.vuejs.org/guide/built-ins/transition-group.html
• examples/built-ins/keep-alive.md → https://cn.vuejs.org/guide/built-ins/keep-alive.html
• examples/built-ins/teleport.md → https://cn.vuejs.org/guide/built-ins/teleport.html
• examples/built-ins/suspense.md → https://cn.vuejs.org/guide/built-ins/suspense.html

扩展

• examples/scaling-up/sfc.md → https://cn.vuejs.org/guide/scaling-up/sfc.html
• examples/scaling-up/tooling.md → https://cn.vuejs.org/guide/scaling-up/tooling.html
• examples/scaling-up/routing.md → https://cn.vuejs.org/guide/scaling-up/routing.html
• examples/scaling-up/state-management.md → https://cn.vuejs.org/guide/scaling-up/state-management.html
• examples/scaling-up/testing.md → https://cn.vuejs.org/guide/scaling-up/testing.html
• examples/scaling-up/ssr.md → https://cn.vuejs.org/guide/scaling-up/ssr.html

最佳实践

• examples/best-practices/production-deployment.md → https://cn.vuejs.org/guide/best-practices/production-deployment.html
• examples/best-practices/performance.md → https://cn.vuejs.org/guide/best-practices/performance.html
• examples/best-practices/accessibility.md → https://cn.vuejs.org/guide/best-practices/accessibility.html
• examples/best-practices/security.md → https://cn.vuejs.org/guide/best-practices/security.html

TypeScript

• examples/typescript/overview.md → https://cn.vuejs.org/guide/typescript/overview.html
• examples/typescript/composition-api.md → https://cn.vuejs.org/guide/typescript/composition-api.html
• examples/typescript/options-api.md → https://cn.vuejs.org/guide/typescript/options-api.html

额外主题

• examples/extras/ways-of-using-vue.md → https://cn.vuejs.org/guide/extras/ways-of-using-vue.html
• examples/extras/composition-api-faq.md → https://cn.vuejs.org/guide/extras/composition-api-faq.html
• examples/extras/reactivity-in-depth.md → https://cn.vuejs.org/guide/extras/reactivity-in-depth.html
• examples/extras/rendering-mechanism.md → https://cn.vuejs.org/guide/extras/rendering-mechanism.html
• examples/extras/render-function.md → https://cn.vuejs.org/guide/extras/render-function.html
• examples/extras/web-components.md → https://cn.vuejs.org/guide/extras/web-components.html
• examples/extras/animation.md → https://cn.vuejs.org/guide/extras/animation.html

API映射（与API页面一对一对应）

全局API

• api/application.md → https://cn.vuejs.org/api/application.html
• api/general.md → https://cn.vuejs.org/api/general.html

组合API

• api/composition-api-setup.md → https://cn.vuejs.org/api/composition-api-setup.html
• api/reactivity-core.md → https://cn.vuejs.org/api/reactivity-core.html
• api/reactivity-utilities.md → https://cn.vuejs.org/api/reactivity-utilities.html
• api/reactivity-advanced.md → https://cn.vuejs.org/api/reactivity-advanced.html
• api/composition-api-lifecycle.md → https://cn.vuejs.org/api/composition-api-lifecycle.html
• api/composition-api-dependency-injection.md → https://cn.vuejs.org/api/composition-api-dependency-injection.html
• api/composition-api-helpers.md → https://cn.vuejs.org/api/composition-api-helpers.html

选项API

• api/options-state.md → https://cn.vuejs.org/api/options-state.html
• api/options-rendering.md → https://cn.vuejs.org/api/options-rendering.html
• api/options-lifecycle.md → https://cn.vuejs.org/api/options-lifecycle.html
• api/options-composition.md → https://cn.vuejs.org/api/options-composition.html
• api/options-misc.md → https://cn.vuejs.org/api/options-misc.html
• api/component-instance.md → https://cn.vuejs.org/api/component-instance.html

内置功能

• api/built-in-directives.md → https://cn.vuejs.org/api/built-in-directives.html
• api/built-in-components.md → https://cn.vuejs.org/api/built-in-components.html
• api/built-in-special-elements.md → https://cn.vuejs.org/api/built-in-special-elements.html
• api/built-in-special-attributes.md → https://cn.vuejs.org/api/built-in-special-attributes.html

单文件组件

• api/sfc-spec.md → https://cn.vuejs.org/api/sfc-spec.html
• api/sfc-script-setup.md → https://cn.vuejs.org/api/sfc-script-setup.html
• api/sfc-css-features.md → https://cn.vuejs.org/api/sfc-css-features.html

高级API

• api/custom-elements.md → https://cn.vuejs.org/api/custom-elements.html
• api/render-function.md → https://cn.vuejs.org/api/render-function.html
• api/ssr.md → https://cn.vuejs.org/api/ssr.html
• api/utility-types.md → https://cn.vuejs.org/api/utility-types.html
• api/custom-renderer.md → https://cn.vuejs.org/api/custom-renderer.html
• api/compile-time-flags.md → https://cn.vuejs.org/api/compile-time-flags.html

资源

• 指南: 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