用途:该技能专注于 Vue Router,帮助构建健壮的导航系统,覆盖路由配置、导航模式、路由守卫、懒加载与高级路由技巧。
主要能力:按主题(config、guards、lazy-loading、meta、navigation、all)和难度(beginner、intermediate、advanced)组织学习模块。模块一讲安装、routes 数组、history 模式、router-view 与 router-link;模块二讲动态参数、可选参数、catch-all、嵌套路由与命名视图;模块三讲 beforeEach、beforeEnter、beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave、afterEach 等守卫及组合;模块四讲 () => import() 懒加载、命名 chunk、预取与加载状态;模块五讲 route meta、滚动行为、过渡动画与路由模块化。还提供验证检查点、重试逻辑、可观测事件、常见问题排查与 Vitest 单元测试模板。
使用方式:通过 Skill("vue-router") 调用,前置技能为 vue-fundamentals,相关技能包括 vue-pinia 与 vue-nuxt。
适用场景:SPA 或 SSR 应用的路由搭建、鉴权与角色控制、代码分割优化、页面元信息与动画管理。
限制:资料未提供具体收费、价格、平台支持范围与效果数据;部分内容为学习模块与示例,实际项目需结合自身环境验证。