SuperAPI AI 工具集

vue-debug-guides

前端与建站

查看项目

更新于 10-16 02:39

技能介绍

用途:这是一个 Vue 3 调试与错误处理类技能,用于排查运行时报错、警告、异步失败、水合(hydration)等常见问题。官方资料说明,开发最佳实践与常见坑可参考 vue-best-practices,本技能侧重故障定位。

主要能力:内容按主题归类,每条问题指向一个具体条目(如 reactivity-debugging-hooks、ref-value-access、computed-no-side-effects 等),覆盖响应式与响应式陷阱、computed、watch/watchEffect、组件、Props/Emits、模板语法、模板 ref、表单与 v-model、事件与修饰符、生命周期、插槽、provide/inject、attrs、composables、Composition API、动画、TypeScript、异步组件、渲染函数、KeepAlive、Transition、Teleport、Suspense、SSR、性能、SFC、插件、应用配置等。

使用方式:在诊断具体 Vue 问题时,按现象(如 ref 不更新、watch 只触发一次、水合不一致)检索对应条目,参照其说明定位原因并修复。资料未提供安装命令、代码示例或具体用法步骤。

适用场景:Vue 3 应用开发与维护中的问题排查,包括运行时异常、控制台警告、异步与 SSR/水合问题、响应式与渲染异常。

限制:主要面向 Vue 3;侧重问题定位与原因说明,不替代开发规范文档;具体条目内容与修复代码未在本次资料中提供。