vue3

このスキルを使用するタイミング

ユーザーが次のことを希望する場合は、いつでもこのスキルを使用してください。

• Vue 3 ガイドのトピックを学習または適用する（概要から高度な補足情報まで）
• Vue 3 のコンポーネント、リアクティビティ、テンプレート、ルーティングを実装する
• Vue 3 のベストプラクティス、TypeScript の使用方法、パフォーマンスに関するガイダンスに従う
• 特定の関数やオプションについて Vue 3 API リファレンスを確認する

このスキルの使用方法

1. トピックを特定します。
2. examples/ 内にある該当するガイドの例ファイルを開きます。
3. API の詳細が必要な場合は、api/ 内にある該当するファイルを開きます。
4. 公式のガイダンスに従い、出力が Vue 3 のドキュメントと一貫するようにします。

ガイドの対応表（ガイドページと1対1で対応）

はじめに

• 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 Scaling Up
• 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

Best Practices

• 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

Extra Topics

• 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 ページと1対1で対応）

グローバル API

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

Composition 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

Options 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、リアクティビティ、テンプレート構文、コンポーネント、ディレクティブ、ライフサイクル、ルーティング、状態管理、TypeScript