SuperAPI AI 工具集

vue-debug-guides

前端与建站

查看项目

更新于 10-16 01:15

技能介绍

用途:这是一份 Vue 3 调试与错误处理指南,聚焦运行时错误、警告、异步失败以及 SSR/水合(hydration)问题。资料说明其用于诊断或修复 Vue 问题时参考;若需要开发最佳实践与常见坑,应改用 vue-best-practices。

主要能力:以“症状 → 排查条目”的形式组织,覆盖范围包括:响应式(意外重渲染、ref 未加 .value、reactive 解构后失活、集合中的 ref、模板 ref 解包、代理身份比较、markRaw、同 tick 批处理);computed(副作用、只读返回值、条件依赖、数组变异、传参);watchers(异步清理、异步创建泄漏、reactive 属性 getter、watchEffect 异步依赖追踪、flush 时机、深层监听旧新值相同);组件与 props/emits(组件未找到、自定义组件点击事件、script setup 下的组件 ref 与 defineExpose、DOM 内模板解析、命名冲突、多根节点 class 透传、defineProps 作用域、defineEmits 顶层与参数规则、原生事件与 emits 冲突、事件重复触发)。

还覆盖模板表达式限制与 v-if/v-for 优先级、v-for key 与范围迭代、模板 ref 在 v-if 与循环中的行为、表单与 v-model(忽略 HTML 属性、textarea 插值、iOS select、defineModel 同步、对象属性变更、中日文输入法 IME、number 修饰符、checkbox 表单提交)、事件修饰符顺序与键盘按键时机、生命周期与 nextTick、SSR 感知、插槽作用域与命名/作用域混用、provide/inject 同步与响应性、attrs 合并与透传、composables 调用位置与解构、组合式 API 与 React Hooks 差异、动画与 TransitionGroup、TypeScript 类型(withDefaults 工厂、reactive 泛型、模板 ref 空值、布尔 prop 默认值、defineProps 导入类型限制等)、异步组件、渲染函数、KeepAlive、Transitions、Teleport、Suspense、SSR、性能、SFC 与 scoped CSS、Tailwind 动态类、递归组件、插件与应用配置。

使用方式:资料未提供安装命令、代码示例或运行步骤,仅以条目索引形式指向各调试主题。

适用场景:排查 Vue 3 应用中的具体报错、警告、渲染异常与 SSR 不一致问题。

限制:资料为条目清单,未提供具体修复代码、版本要求、安装方式或收费标准,相关内容暂未提供。