Vue KeepAlive 为什么要用 onActivated 和 onDeactivated？
解释 KeepAlive 切换时组件实例被缓存而非卸载，说明 activated、deactivated 在首次挂载和最终卸载也会出现，并给出暂停恢复可见期订阅的示例。
核心关键词Vue KeepAlive onActivated onDeactivated 缓存组件
面试知识索引 · 分类、标签与搜索
侦听与生命周期专题面试题，44 道完整答案
侦听与生命周期专题面试题第 1 页，显示第 1–44 题，共找到 44 道完整解析，可继续按分类、标签与关键词缩小范围。
44筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
全部标签侦听与生命周期44并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较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 会发生什么，为什么可能增加性能成本？
解释 deep 对嵌套读取与变化观察的影响，补充 Vue 3.5 数字深度边界、深监听不生成旧快照，以及大表单和大型数据树如何缩小监听范围。
核心关键词Vue watch deep 深度监听性能 - 0027
Vue watch 的 getter 返回新对象，为什么仍可能不触发或触发过多？
分开解释 getter 何时重新求值与返回值怎样比较，说明普通变量没有通知、新对象身份导致回调，以及用原始派生值或稳定数据接口缩小观察范围。
核心关键词Vue watch getter 返回新对象触发规则 - 0028
Vue watch 的 immediate 何时执行，第一次 oldValue 是什么？
区分创建侦听器时立即执行与首次变化后执行，说明初始旧值、组件挂载、初始请求去重以及 immediate 与 once、多个来源组合时的边界。
核心关键词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 的嵌套属性，直接传属性为什么有时不生效？
区分传入原始属性快照、监听当前响应式子对象和跟随 prop 整体替换，说明 getter、空值防护、深度观察、只读边界与 Vue 3.5 props 解构的编译前提。
核心关键词Vue watch props 嵌套属性 getter - 0033
Vue watch 发请求时，如何避免旧响应覆盖新结果？
用连续切换资源编号的例子解释 Vue watch 请求竞态，给出清理回调、有效标记与 AbortController 组合写法，并覆盖错误和 loading 被旧请求误写的情况。
核心关键词Vue watch 竞态 过期请求 副作用清理 - 0034
为什么直接 watch reactive 对象默认深监听，而 watch ref 对象的表现不同？
对比直接对象、对象 ref 和返回对象的 getter 三种入口，说明嵌套字段变化、整体替换与 deep 选项的区别，避免把对象本身具有响应式能力等同于所有监听默认深遍历。
核心关键词Vue watch reactive 默认深度和 ref 区别 - 0035
Vue watch 回调修改自己的监听源，为什么会循环，怎样修复？
分析 Vue watch 回调修改自身监听源形成的反馈链，区分收敛修正和无条件递增，给出输入规范化的有界示例，并说明调度选项不能修复循环设计。
核心关键词Vue watch 回调修改自身值 无限循环 - 0036
Vue watch 监听 ref、reactive 对象和 getter 时有什么区别？
按监听源类型解释 Vue watch 的取值、依赖与深层变化规则，说明为什么原始属性值不能代替 getter，以及组件更新、watch 回调读取和数据替换的边界。
核心关键词Vue watch 监听源 ref reactive getter 区别 - 0037
Vue 中如何停止 watch 或 watchEffect，停止后还会执行吗？
解释 Vue watch 和 watchEffect 返回的停止句柄，演示停止前后的执行记录，并区分停止侦听、清理副作用和终止异步任务，适合面试回答与组件调试。
核心关键词Vue watch 停止 stop 返回值 函数 - 0038
Vue 什么时候用 watch，什么时候用 computed？
从纯派生结果与外部副作用区分 computed 和 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 区别