Vue KeepAlive 为什么要用 onActivated 和 onDeactivated？
解释 KeepAlive 切换时组件实例被缓存而非卸载，说明 activated、deactivated 在首次挂载和最终卸载也会出现，并给出暂停恢复可见期订阅的示例。
核心关键词Vue KeepAlive onActivated onDeactivated 缓存组件
面试知识索引 · 分类、标签与搜索
Vue · 侦听与生命周期面试题，44 道完整答案
Vue · 侦听与生命周期面试题第 1 页，显示第 1–44 题，共找到 44 道完整解析，可继续按分类、标签与关键词缩小范围。
44筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
Vue 连续修改响应式状态，为什么 DOM 通常只更新一次？
解释 Vue 为什么缓冲组件更新任务，通过渲染次数记录展示同一段同步代码的多次赋值如何合并，并区分状态变化、任务去重与异步边界。
核心关键词Vue 异步更新队列 批量 去重 DOM 更新 - 0003
Vue 组件卸载时，定时器和全局事件应该在哪个钩子清理？
说明手动创建的定时器、全局事件与第三方实例需要在组件结束流程清理，比较 onBeforeUnmount 和 onUnmounted 的可用状态，并演示成对注册与移除。
核心关键词Vue onBeforeUnmount 清理 定时器 事件监听 泄漏 - 0004
Vue effectScope 是什么，如何一次停止其中的所有副作用？
解释 Vue effectScope 的收集边界，演示在 run 中创建多个响应式效果后统一 stop，并说明普通异步回调、外部资源与作用域停止后的返回值边界。
核心关键词Vue effectScope 创建 stop 批量停止 副作用 - 0005
Vue effectScope(true) 为什么容易泄漏，什么时候才该使用？
说明 effectScope(true) 不被当前父作用域收集的含义，演示父级停止后分离作用域仍响应，并给出模块单例、引用计数和服务端请求隔离的生命周期要求。
核心关键词Vue effectScope detached 分离作用域 内存泄漏 - 0006
Vue 嵌套 effectScope 在父级停止时会怎样？
解释默认嵌套 effectScope 会被父级收集并级联停止，演示子级提前停止和父级继续工作的差别，并限定 detached 子级的例外。
核心关键词Vue effectScope 嵌套 父停止 子作用域 - 0007
如何用 Vue effectScope 实现跨组件共享且可回收的副作用？
设计一个由 detached effectScope 持有的共享响应式服务，通过首个消费者启动、引用计数归零停止，覆盖重复释放、重新启动、SSR 隔离与清理竞态。
核心关键词Vue effectScope 跨组件 共享 单例 副作用 - 0008
Vue watch 的 flush post 和 watchPostEffect 如何在 DOM 更新后执行？
比较 flush post 的 watch 与 watchPostEffect，演示读取更新后节点内容，说明显式源和自动依赖的差别，以及相对 nextTick 更适合持续同步的场景。
核心关键词Vue watch flush post watchPostEffect DOM 更新后 - 0009
Vue watch 默认 flush pre 在谁的 DOM 更新之前执行？
精确解释 Vue watch 默认 pre 调度相对所属组件与父组件更新的顺序，用组件文本读取示例区分新状态和旧 DOM，并说明初次执行选项不能混同更新时机。
核心关键词Vue watch flush pre 默认时机 组件更新前 - 0010
Vue watch 的 flush sync 和 watchSyncEffect 为什么要谨慎使用？
解释 Vue 同步侦听的执行位置和失去批量合并的代价，通过两个字段连续赋值观察中间状态，说明适用的缓存失效场景以及不适合大型数组与 DOM 测量的原因。
核心关键词Vue watch flush sync watchSyncEffect 风险 - 0011
Vue getCurrentScope 在组合式函数中有什么用途？
解释 getCurrentScope 返回当前活动作用域或 undefined 的条件，给出要求受管调用与返回手动 dispose 的两种 API 设计，并澄清检查时机和异步边界。
核心关键词Vue getCurrentScope 判断当前作用域 组合式函数 - 0012
为什么 Vue 的生命周期钩子必须在 setup 同步执行期间注册，await 之后注册会怎样？
解释生命周期 API 通过当前组件实例完成登记的机制，演示普通异步回调中的迟到注册只会告警且不会执行，并准确说明 script setup 顶层 await 的编译器特例。
核心关键词Vue 生命周期钩子 setup 同步注册 await 警告 - 0013
Vue 组合式 API 生命周期钩子与选项式 API 如何对应？
整理 Vue 常用组合式生命周期钩子与选项式钩子的职责对应，重点解释 beforeCreate、created 为什么没有 on 前缀版本，以及同步注册、SSR 与缓存组件边界。
核心关键词Vue 组合式 API 生命周期钩子 对应关系 - 0014
Vue 父子组件挂载时，setup 与 mounted 的执行顺序是什么？
给出 Vue 父子组件首次挂载时 setup、onBeforeMount 和 onMounted 的常见顺序，通过内存渲染器可验证记录解释向下创建、向上完成，并覆盖异步组件与兄弟顺序边界。
核心关键词Vue 父子组件 生命周期 执行顺序 挂载 - 0015
Vue 的 nextTick 什么时候用，await 之后到底保证什么？
给出 Vue 修改状态后等待 nextTick 再访问节点的写法，说明它等待更新刷新而不是网络、动画和浏览器绘制，并区分一次操作与持续 post 监听。
核心关键词Vue nextTick 作用 await DOM 更新后 - 0016
Vue onScopeDispose 在什么时机执行，适合清理哪些资源？
说明 onScopeDispose 会把清理登记到当前活动作用域，在 scope.stop 或组件作用域结束时执行，演示事件订阅释放，并覆盖无活动作用域与 Vue 3.5 静默参数。
核心关键词Vue onScopeDispose 清理 作用域销毁 时机 - 0017
Vue onErrorCaptured 返回 false 会怎样影响错误传播？
解释 onErrorCaptured 捕获后代组件错误的参数和传播链，说明返回 false 会阻止继续到更高边界与全局 errorHandler，并覆盖降级渲染再次报错、日志和生产 info。
核心关键词Vue onErrorCaptured 返回值 阻止传播 错误捕获 - 0018
Vue onMounted 能保证所有子组件都已挂载吗，异步组件呢？
说明父组件 onMounted 会等待同步子组件，但不包含异步组件和 Suspense 树，给出可控制异步解析顺序的示例，并讨论父子完成协议、错误与卸载。
核心关键词Vue onMounted 子组件 异步组件 挂载保证 - 0019
为什么 Vue 要到 onMounted 才能访问模板 ref 和真实节点？
解释模板 ref 在 setup 时尚未绑定节点、onMounted 后可访问的原因，给出可判空的组件示例，并覆盖条件渲染、卸载竞态、SSR 和后续更新边界。
核心关键词Vue onMounted 访问 DOM 模板 ref - 0020
Vue 的 onServerPrefetch 在 SSR 中起什么作用，和普通钩子有什么区别？
说明 onServerPrefetch 返回 Promise 后服务端渲染器会等待数据就绪再生成 HTML，给出可注入加载器的组件写法，并覆盖客户端补载、错误、去重和 hydration 边界。
核心关键词Vue onServerPrefetch SSR 服务端预取 数据 - 0021
Vue 在 onUpdated 中修改状态为什么会无限更新，怎样修复？
沿着渲染、updated、写回、再次渲染的链条解释无限循环，给出用 computed 或显式 watch 代替节点后无条件写状态的方案，并区分有界守卫与掩盖问题。
核心关键词Vue onUpdated 修改状态 无限循环 - 0022
Vue onUpdated 在什么情况下触发，纯子组件更新会触发父级吗？
解释 onUpdated 只在所属组件因响应式变化更新自身节点树后调用，演示子组件独立状态变化不会让未更新的父组件执行钩子，并覆盖批量更新与指定变化。
核心关键词Vue onUpdated 触发条件 子组件更新 父组件 - 0023
Vue 组合式 API 为什么没有 onCreated，原来的逻辑写在哪里？
解释 setup 覆盖 beforeCreate 与 created 所在初始化阶段，给出按功能组织状态、监听和清理的组件示例，并区分 DOM、注入、异步初始化和 Options this 边界。
核心关键词Vue 组合式 API 没有 beforeCreate created setup - 0024
Vue 异步创建的 watch 为什么可能泄漏，如何正确销毁？
说明普通异步回调里创建的 Vue 侦听器为何无法自动归属组件，给出同步创建、延迟启用的写法，以及必须延迟创建时需要处理的卸载竞态。
核心关键词Vue watch 异步创建 不会自动停止 内存泄漏 - 0025
Vue watch 的 onTrack 和 onTrigger 如何调试依赖问题？
比较 Vue watch 与 watchEffect 调试选项中的 onTrack 和 onTrigger，演示记录属性读取与写入事件，并区分依赖触发、队列调度和业务回调执行。
核心关键词Vue watch onTrack onTrigger 调试 依赖 - 0026
Vue watch 开启 deep 会发生什么，为什么可能增加性能成本？
Vue watch 开启 deep 会发生什么，为什么可能增加性能成本？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch deep 深度监听性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch deep 深度监听性能 - 0027
Vue watch 的 getter 返回新对象，为什么仍可能不触发或触发过多？
Vue watch 的 getter 返回新对象，为什么仍可能不触发或触发过多？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch getter 返回新对象触发规则的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch getter 返回新对象触发规则 - 0028
Vue watch 的 immediate 何时执行，第一次 oldValue 是什么？
Vue watch 的 immediate 何时执行，第一次 oldValue 是什么？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch immediate 首次执行 oldValue的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch immediate 首次执行 oldValue - 0029
Vue watch 怎样监听多个来源，新旧参数数组如何对应？
用页码和筛选状态说明 watch 来源数组的位置对应、getter 与快照的区别，以及同步变化批量调度、对象旧值和依赖条件重置的边界。
核心关键词Vue watch 多个来源数组 newValues oldValues - 0030
Vue 深度 watch 的 oldValue 和 newValue 为什么是同一个对象？
区分响应式对象引用和修改前快照，用实际代码比较深层对象监听与原始字段 getter，说明如何获得前后值、设计快照和避免回调内才复制旧值。
核心关键词Vue deep watch oldValue newValue 相同 - 0031
Vue watch 的 once 如何工作，和 immediate 或手动 stop 有什么区别？
说明 Vue 3.4 起 once 在首次回调运行后自动停止，验证与 immediate 的组合行为，并区分第一次回调、第一次业务条件满足和异步操作成功一次。
核心关键词Vue watch once immediate stop 区别 - 0032
Vue 怎样 watch props 的嵌套属性，直接传属性为什么有时不生效？
Vue 怎样 watch props 的嵌套属性，直接传属性为什么有时不生效？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch props 嵌套属性 getter的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch props 嵌套属性 getter - 0033
Vue watch 发请求时，如何避免旧响应覆盖新结果？
用连续切换资源编号的例子解释 Vue watch 请求竞态，给出清理回调、有效标记与 AbortController 组合写法，并覆盖错误和 loading 被旧请求误写的情况。
核心关键词Vue watch 竞态 过期请求 副作用清理 - 0034
为什么直接 watch reactive 对象默认深监听，而 watch ref 对象的表现不同？
为什么直接 watch reactive 对象默认深监听，而 watch ref 对象的表现不同？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch reactive 默认深度和 ref 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch reactive 默认深度和 ref 区别 - 0035
Vue watch 回调修改自己的监听源，为什么会循环，怎样修复？
分析 Vue watch 回调修改自身监听源形成的反馈链，区分收敛修正和无条件递增，给出输入规范化的有界示例，并说明调度选项不能修复循环设计。
核心关键词Vue watch 回调修改自身值 无限循环 - 0036
Vue watch 监听 ref、reactive 对象和 getter 时有什么区别？
Vue watch 监听 ref、reactive 对象和 getter 时有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch 监听源 ref reactive getter 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch 监听源 ref reactive getter 区别 - 0037
Vue 中如何停止 watch 或 watchEffect，停止后还会执行吗？
解释 Vue watch 和 watchEffect 返回的停止句柄，演示停止前后的执行记录，并区分停止侦听、清理副作用和终止异步任务，适合面试回答与组件调试。
核心关键词Vue watch 停止 stop 返回值 函数 - 0038
Vue 什么时候用 watch，什么时候用 computed？
Vue 什么时候用 watch，什么时候用 computed？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch 和 computed 使用场景区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch 和 computed 使用场景区别 - 0039
Vue watchEffect 为什么不收集 await 之后的依赖，如何修复？
解释 Vue watchEffect 的同步依赖收集窗口，给出 await 前固定请求参数的写法，并区分读取最新值、使用本轮快照和请求竞态三个不同问题。
核心关键词Vue watchEffect await 之后 依赖不收集 - 0040
Vue watchEffect 拿不到旧值，需要比较前后状态怎么办？
解释 watchEffect 为什么不提供 newValue 和 oldValue，给出改用多源 watch 比较状态的示例，并讨论首次执行、对象快照和批量更新遗漏中间值的边界。
核心关键词Vue watchEffect 无旧值 新旧值对比 替代方案 - 0041
Vue 3.5 如何暂停与恢复 watch，pause 和 stop 有什么区别？
说明 Vue 3.5 侦听句柄的 pause、resume 和 stop，演示暂停期间多次修改后恢复观察最新状态，并区分暂停订阅执行、资源清理与状态事务。
核心关键词Vue 3.5 watch pause resume 暂停 恢复 - 0042
Vue watchEffect 为什么默认立即执行，而 computed 按需求值？
从副作用与派生值的职责解释 watchEffect 的首次执行和 computed 的按需计算，通过调用记录观察首次读取、缓存复用与依赖变化，并澄清 post 调度的例外。
核心关键词Vue watchEffect 立即执行 computed 惰性 区别 - 0043
Vue watchEffect 和 watch 的依赖收集有什么区别，怎么选？
通过资源编号与语言设置的例子比较 Vue watch 和 watchEffect，说明显式源、自动同步依赖、首次执行和旧值的区别，并给出适合业务边界的选择依据。
核心关键词Vue watchEffect 和 watch 区别 自动收集依赖 - 0044
Vue 3.5 onWatcherCleanup 和 onCleanup 有什么区别，能在 await 后调用吗？
澄清 Vue 3.5 onWatcherCleanup 的同步注册限制，比较 watch 第三个参数和 watchEffect 第一个参数提供的 onCleanup，并说明旧接口没有被新接口取代。
核心关键词Vue onWatcherCleanup 和 onCleanup 区别