mcpField
V
vue-router-v3

vue-router-v3

github.com/partme-ai开发71678 次安装3 周前更新
代码仓库

关于 vue-router-v3

面向 Vue 2 项目的 Vue Router v3 技能,按指南和 API 文档提供安装、路由配置与导航相关参考,内容对应 v3 官方文档。

主要功能

  1. 01安装配置参考
  2. 02动态与嵌套路由指南
  3. 03导航、命名路由和视图
  4. 04导航守卫与路由元信息
  5. 05历史模式与懒加载
  6. 06API 文档映射

适用场景

  1. 01为 Vue 2 应用配置路由
  2. 02实现导航守卫
  3. 03设置历史模式或懒加载路由
  4. 04查阅 Vue Router v3 API

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/partme-ai/full-stack-skills --skill vue-router-v3

安装后在 Claude Code 中输入/vue-router-v3确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

api/
navigation-guards.md
route-config.md
route-object.md
router-instance.md
router-link.md
router-options.md
router-view.md
examples/
installation.md
examples/guide/
index.md
examples/guide/advanced/
data-fetching.md
lazy-loading.md
meta.md
navigation-failures.md
navigation-guards.md
scroll-behavior.md
transitions.md
examples/guide/essentials/
dynamic-matching.md
history-mode.md
named-routes.md
named-views.md
navigation.md
nested-routes.md
passing-props.md
redirect-and-alias.md
templates/
route-config.md
router-config.md

详细介绍

适用场景

当用户希望执行以下操作时,请使用此技能:

  • 安装并配置 Vue Router v3
  • 为 Vue 2 应用实现路由模式
  • 使用导航守卫、history 模式或路由懒加载
  • 查阅 Vue Router v3 API 详情

使用方法

  1. 确定主题:根据用户的请求判断主题。
  2. 打开匹配的指南示例:在 examples/ 中打开对应文件。
  3. 查阅 API 详情:在 api/ 中打开对应文件。
  4. 遵循官方指南:确保输出与 v3 文档保持一致。
安装映射
指南映射(一一对应 https://v3.router.vuejs.org/guide/)

基础内容

进阶内容

API 映射(一一对应 https://v3.router.vuejs.org/api/)

资源

关键词

vue-router v3、vue 2 router、路由、导航守卫、history 模式、router-link、router-view、路由配置、路由对象

评论

支持 Markdown