SuperAPI AI 工具集

vue-nuxt-frontend

前端与建站

查看项目

更新于 10-16 06:43

技能介绍

用途:在交付 Vue 或 Nuxt 界面、需要 SSR、SSG 或混合渲染时使用;也用于评审组件架构、无障碍或性能相关问题。

主要能力:按路由定义渲染策略(SSR、SSG 或客户端);用 composables 复用逻辑;保持组件聚焦且可测试;实现无障碍与交互状态;验证性能与水合(hydration)行为。

必要检查:组件 props 与 emit 事件保持稳定;数据获取边界可预测;路由级错误与加载状态;关键用户流程的测试。

决策框架:优先选择在团队扩张下仍可维护的最简架构;在实现前明确渲染、状态与 API 边界的决策;若功能影响关键用户旅程,要求性能与无障碍检查;引入依赖时说明包体积与长期维护成本。

常见借口与反驳:“以后再优化”会导致性能债务快速累积,应现在设预算;“无障碍只是打磨”实为核心行为,应随功能交付;“一个全局状态 store 最简单”会过度集中、增加耦合并拖慢迭代。

证据包:变更流程的 UX 状态覆盖(加载、空、错误、成功);键盘、焦点与语义的无障碍检查;关键路由或交互的性能快照;关键用户路径的测试证据。

退出标准:工作流决策已记录并可实施;质量、可靠性与兼容性具备验证证据;运维就绪与回滚预期明确。

限制:资料未提供具体安装命令、版本要求、平台限制或收费信息;实际使用需结合项目环境自行确认。