mcpField
V
vue-router-v3

vue-router-v3

github.com/full-stack-skills开发3213 次安装5 周前更新
代码仓库

关于 vue-router-v3

vue-router-v3 是面向 Vue 2 应用的路由开发技能,帮助开发者配置路由、实现导航模式并查阅 v3 API。内容按主题映射到指南示例与 API 参考文件。

主要功能

  1. 01Vue Router v3 安装与配置
  2. 02Vue 2 路由模式指南
  3. 03导航守卫参考
  4. 04历史模式与路由懒加载
  5. 05v3 API 文件索引

适用场景

  1. 01为 Vue 2 应用添加路由
  2. 02实现导航守卫或历史模式
  3. 03查阅路由配置与实例 API

安装

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

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

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

包含的文件

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

agents/
openai.yaml
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