SuperAPI AI 工具集

vue-debug-guides

前端与建站

查看项目

更新于 10-15 20:30

技能介绍

用途:面向 Vue 3 应用的调试与错误处理,帮助定位运行时错误、警告、异步失败以及 SSR/水合(hydration)不一致等问题。资料说明,若需开发最佳实践和常见坑位,应改用 vue-best-practices。

主要能力:以“症状 → 参考条目”的形式组织排查索引,覆盖反应性(意外重渲染、.value 缺失、reactive 解构后失活、集合中的 ref 不自动解包、代理身份比较、markRaw、watcher 同 tick 批处理);计算属性(副作用、只读返回值、条件依赖、数组变异、传参);侦听器(异步竞态清理、异步回调中创建 watcher、reactive 属性 getter、watchEffect 的 await 依赖追踪、flush 时机、深层监听同一引用);组件(局部组件可见性、组件上的点击事件、defineExpose、DOM 内模板解析、命名冲突、多根节点 class/attrs);Props 与 Emits(defineProps 作用域限制、事件声明、defineEmits 顶层限制与参数写法、原生事件冲突、重复触发);模板(表达式限制、v-if 空值顺序、动态参数约束、v-else、v-if 与 v-for、v-for key 与范围迭代等);模板 ref、表单与 v-model(含 IME 中文/日文输入、number 修饰符、复选框提交);事件修饰符、生命周期、插槽、Provide/Inject、Attrs、组合式函数、Composition API、动画与 TransitionGroup、TypeScript、异步组件、渲染函数、KeepAlive、Transition、Teleport、Suspense、SSR、性能优化、SFC(含 scoped CSS 与 Tailwind 动态类)、插件、应用配置等类别。

使用方式:资料未提供安装命令或调用步骤,仅提供主题索引;建议按问题现象定位到对应条目再行排查。

适用场景:Vue 3 项目的开发调试与问题修复。

限制:资料仅为条目清单,未给出各条目的具体解决步骤、示例代码、平台要求或收费信息;SSR、性能等结论需结合具体项目验证。