vue-router-v3
When to use this skill
Use this skill whenever the user wants to:
- Install and configure Vue Router v3
- Implement routing patterns for Vue 2 applications
- Use navigation guards, history mode, or lazy-loading routes
- Reference Vue Router v3 API details
How to use this skill
- Identify the topic from the user request.
- Open the matching guide example file in
examples/. - For API details, open the matching file in
api/. - Follow official guidance and keep outputs consistent with v3 docs.
Installation mapping
examples/installation.md→ https://v3.router.vuejs.org/installation.html
Guide mapping (one-to-one with https://v3.router.vuejs.org/guide/)
Essentials
examples/guide/index.md→ https://v3.router.vuejs.org/guide/examples/guide/essentials/dynamic-matching.md→ https://v3.router.vuejs.org/guide/essentials/dynamic-matching.htmlexamples/guide/essentials/nested-routes.md→ https://v3.router.vuejs.org/guide/essentials/nested-routes.htmlexamples/guide/essentials/navigation.md→ https://v3.router.vuejs.org/guide/essentials/navigation.htmlexamples/guide/essentials/named-routes.md→ https://v3.router.vuejs.org/guide/essentials/named-routes.htmlexamples/guide/essentials/named-views.md→ https://v3.router.vuejs.org/guide/essentials/named-views.htmlexamples/guide/essentials/redirect-and-alias.md→ https://v3.router.vuejs.org/guide/essentials/redirect-and-alias.htmlexamples/guide/essentials/passing-props.md→ https://v3.router.vuejs.org/guide/essentials/passing-props.htmlexamples/guide/essentials/history-mode.md→ https://v3.router.vuejs.org/guide/essentials/history-mode.html
Advanced
examples/guide/advanced/navigation-guards.md→ https://v3.router.vuejs.org/guide/advanced/navigation-guards.htmlexamples/guide/advanced/meta.md→ https://v3.router.vuejs.org/guide/advanced/meta.htmlexamples/guide/advanced/transitions.md→ https://v3.router.vuejs.org/guide/advanced/transitions.htmlexamples/guide/advanced/data-fetching.md→ https://v3.router.vuejs.org/guide/advanced/data-fetching.htmlexamples/guide/advanced/scroll-behavior.md→ https://v3.router.vuejs.org/guide/advanced/scroll-behavior.htmlexamples/guide/advanced/lazy-loading.md→ https://v3.router.vuejs.org/guide/advanced/lazy-loading.htmlexamples/guide/advanced/navigation-failures.md→ https://v3.router.vuejs.org/guide/advanced/navigation-failures.html
API mapping (one-to-one with https://v3.router.vuejs.org/api/)
api/router-link.md→ https://v3.router.vuejs.org/api/#router-linkapi/router-view.md→ https://v3.router.vuejs.org/api/#router-viewapi/router-instance.md→ https://v3.router.vuejs.org/api/#router-instanceapi/router-options.md→ https://v3.router.vuejs.org/api/#router-optionsapi/route-object.md→ https://v3.router.vuejs.org/api/#the-route-objectapi/route-config.md→ https://v3.router.vuejs.org/api/#routesapi/navigation-guards.md→ https://v3.router.vuejs.org/api/#navigation-guards
Resources
- Installation: https://v3.router.vuejs.org/installation.html
- Guide: https://v3.router.vuejs.org/guide/
- API: https://v3.router.vuejs.org/api/
Keywords
vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object
More from teachingai/agent-skills
element-plus-vue3
Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.
9vue2
Provides comprehensive guidance for Vue 2.x development including Options API, components, directives, lifecycle hooks, computed properties, watchers, Vuex state management, and Vue Router. Use when the user asks about Vue 2, needs to create Vue 2 components, implement reactive data binding, handle component communication, or work with Vue 2 ecosystem tools.
8cypress
Provides comprehensive guidance for Cypress end-to-end testing including commands, assertions, component testing, CI/CD integration, and best practices. Use when the user asks about Cypress, needs to write E2E tests, component tests, or configure Cypress for testing.
8cocos2d-x
Provides comprehensive guidance for Cocos2d-x v4 game engine including scene graph, nodes, sprites, actions, animations, physics, rendering, shaders, and platform deployment. Use when the user asks about Cocos2d-x, needs to create games, implement game features, set up development environments, or deploy games to multiple platforms.
7dalle
Provides comprehensive guidance for DALL-E AI image generation including prompt creation, image generation, variations, and editing. Use when the user asks about DALL-E, needs to generate AI images, create image variations, or work with DALL-E API.
6canvas-design
Creates museum-quality visual art as .png or .pdf by first generating a design philosophy manifesto, then expressing it on canvas with precise composition, color palettes, and typography. Use when the user asks to create a poster, art piece, visual design, or static creative piece. Outputs original designs using design-forward principles.
6