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/full-stack-skills
electron
Build cross-platform desktop applications with Electron, covering main/renderer process architecture, IPC communication, BrowserWindow management, menus, tray icons, packaging, and security best practices. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.
1.8Kelement-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.
1.5Kuniapp-project
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
738vue3
Guidance for Vue 3 using the official guide and API reference. Use when the user needs Vue 3 concepts, patterns, or API details to build components, apps, and tooling.
486drawio-flowchart
Creates flowcharts, swim lane diagrams, and business process diagrams using Draw.io (diagrams.net). Covers standard flowchart shapes (process, decision, start/end), connectors, auto-layout, and export to PNG/SVG/PDF. Use when the user needs to visualize workflows, decision trees, or business processes.
346mybatis-plus-generator
Generates MyBatis-Plus code (Entity, Mapper, Service, ServiceImpl, Controller, DTO, VO, BO) from database tables. Supports MVC and DDD architectures, Java and Kotlin, with standard CRUD and custom methods. Use ONLY when the user explicitly mentions MyBatis-Plus or mybatis-plus-generator; do NOT trigger for JPA, Hibernate, or other ORMs.
268