Vue watch 的 flush post 和 watchPostEffect 如何在 DOM 更新后执行？
比较 flush post 的 watch 与 watchPostEffect，演示读取更新后节点内容，说明显式源和自动依赖的差别，以及相对 nextTick 更适合持续同步的场景。
核心关键词Vue watch flush post watchPostEffect DOM 更新后
面试知识索引 · 分类、标签与搜索
5000+ 道程序员面试题，每题都有完整答案
程序员面试题库第 95 页，收录第 4701–4750 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5000+完整问题
52技术分类
178检索标签
100索引分页
快速定位
分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试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进程与并发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
第 95 页
本页面试问题
按稳定语义路径排序
- 4701
- 4702
Vue watch 默认 flush pre 在谁的 DOM 更新之前执行？
精确解释 Vue watch 默认 pre 调度相对所属组件与父组件更新的顺序，用组件文本读取示例区分新状态和旧 DOM，并说明初次执行选项不能混同更新时机。
核心关键词Vue watch flush pre 默认时机 组件更新前 - 4703
Vue watch 的 flush sync 和 watchSyncEffect 为什么要谨慎使用？
解释 Vue 同步侦听的执行位置和失去批量合并的代价，通过两个字段连续赋值观察中间状态，说明适用的缓存失效场景以及不适合大型数组与 DOM 测量的原因。
核心关键词Vue watch flush sync watchSyncEffect 风险 - 4704
Vue getCurrentScope 在组合式函数中有什么用途？
解释 getCurrentScope 返回当前活动作用域或 undefined 的条件，给出要求受管调用与返回手动 dispose 的两种 API 设计，并澄清检查时机和异步边界。
核心关键词Vue getCurrentScope 判断当前作用域 组合式函数 - 4705
为什么 Vue 的生命周期钩子必须在 setup 同步执行期间注册，await 之后注册会怎样？
解释生命周期 API 通过当前组件实例完成登记的机制，演示普通异步回调中的迟到注册只会告警且不会执行，并准确说明 script setup 顶层 await 的编译器特例。
核心关键词Vue 生命周期钩子 setup 同步注册 await 警告 - 4706
Vue 组合式 API 生命周期钩子与选项式 API 如何对应？
整理 Vue 常用组合式生命周期钩子与选项式钩子的职责对应，重点解释 beforeCreate、created 为什么没有 on 前缀版本，以及同步注册、SSR 与缓存组件边界。
核心关键词Vue 组合式 API 生命周期钩子 对应关系 - 4707
Vue 父子组件挂载时，setup 与 mounted 的执行顺序是什么？
给出 Vue 父子组件首次挂载时 setup、onBeforeMount 和 onMounted 的常见顺序，通过内存渲染器可验证记录解释向下创建、向上完成，并覆盖异步组件与兄弟顺序边界。
核心关键词Vue 父子组件 生命周期 执行顺序 挂载 - 4708
Vue 的 nextTick 什么时候用，await 之后到底保证什么？
给出 Vue 修改状态后等待 nextTick 再访问节点的写法，说明它等待更新刷新而不是网络、动画和浏览器绘制，并区分一次操作与持续 post 监听。
核心关键词Vue nextTick 作用 await DOM 更新后 - 4709
Vue onScopeDispose 在什么时机执行，适合清理哪些资源？
说明 onScopeDispose 会把清理登记到当前活动作用域，在 scope.stop 或组件作用域结束时执行，演示事件订阅释放，并覆盖无活动作用域与 Vue 3.5 静默参数。
核心关键词Vue onScopeDispose 清理 作用域销毁 时机 - 4710
Vue onErrorCaptured 返回 false 会怎样影响错误传播？
解释 onErrorCaptured 捕获后代组件错误的参数和传播链，说明返回 false 会阻止继续到更高边界与全局 errorHandler，并覆盖降级渲染再次报错、日志和生产 info。
核心关键词Vue onErrorCaptured 返回值 阻止传播 错误捕获 - 4711
Vue onMounted 能保证所有子组件都已挂载吗，异步组件呢？
说明父组件 onMounted 会等待同步子组件，但不包含异步组件和 Suspense 树，给出可控制异步解析顺序的示例，并讨论父子完成协议、错误与卸载。
核心关键词Vue onMounted 子组件 异步组件 挂载保证 - 4712
为什么 Vue 要到 onMounted 才能访问模板 ref 和真实节点？
解释模板 ref 在 setup 时尚未绑定节点、onMounted 后可访问的原因，给出可判空的组件示例，并覆盖条件渲染、卸载竞态、SSR 和后续更新边界。
核心关键词Vue onMounted 访问 DOM 模板 ref - 4713
Vue 的 onServerPrefetch 在 SSR 中起什么作用，和普通钩子有什么区别？
说明 onServerPrefetch 返回 Promise 后服务端渲染器会等待数据就绪再生成 HTML，给出可注入加载器的组件写法，并覆盖客户端补载、错误、去重和 hydration 边界。
核心关键词Vue onServerPrefetch SSR 服务端预取 数据 - 4714
Vue 在 onUpdated 中修改状态为什么会无限更新，怎样修复？
沿着渲染、updated、写回、再次渲染的链条解释无限循环，给出用 computed 或显式 watch 代替节点后无条件写状态的方案，并区分有界守卫与掩盖问题。
核心关键词Vue onUpdated 修改状态 无限循环 - 4715
Vue onUpdated 在什么情况下触发，纯子组件更新会触发父级吗？
解释 onUpdated 只在所属组件因响应式变化更新自身节点树后调用，演示子组件独立状态变化不会让未更新的父组件执行钩子，并覆盖批量更新与指定变化。
核心关键词Vue onUpdated 触发条件 子组件更新 父组件 - 4716
Vue 组合式 API 为什么没有 onCreated，原来的逻辑写在哪里？
解释 setup 覆盖 beforeCreate 与 created 所在初始化阶段，给出按功能组织状态、监听和清理的组件示例，并区分 DOM、注入、异步初始化和 Options this 边界。
核心关键词Vue 组合式 API 没有 beforeCreate created setup - 4717
Vue 异步创建的 watch 为什么可能泄漏，如何正确销毁？
说明普通异步回调里创建的 Vue 侦听器为何无法自动归属组件，给出同步创建、延迟启用的写法，以及必须延迟创建时需要处理的卸载竞态。
核心关键词Vue watch 异步创建 不会自动停止 内存泄漏 - 4718
Vue watch 的 onTrack 和 onTrigger 如何调试依赖问题？
比较 Vue watch 与 watchEffect 调试选项中的 onTrack 和 onTrigger，演示记录属性读取与写入事件，并区分依赖触发、队列调度和业务回调执行。
核心关键词Vue watch onTrack onTrigger 调试 依赖 - 4719
Vue watch 开启 deep 会发生什么，为什么可能增加性能成本？
Vue watch 开启 deep 会发生什么，为什么可能增加性能成本？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch deep 深度监听性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch deep 深度监听性能 - 4720
Vue watch 的 getter 返回新对象，为什么仍可能不触发或触发过多？
Vue watch 的 getter 返回新对象，为什么仍可能不触发或触发过多？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch getter 返回新对象触发规则的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch getter 返回新对象触发规则 - 4721
Vue watch 的 immediate 何时执行，第一次 oldValue 是什么？
Vue watch 的 immediate 何时执行，第一次 oldValue 是什么？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch immediate 首次执行 oldValue的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch immediate 首次执行 oldValue - 4722
Vue watch 怎样监听多个来源，新旧参数数组如何对应？
用页码和筛选状态说明 watch 来源数组的位置对应、getter 与快照的区别，以及同步变化批量调度、对象旧值和依赖条件重置的边界。
核心关键词Vue watch 多个来源数组 newValues oldValues - 4723
Vue 深度 watch 的 oldValue 和 newValue 为什么是同一个对象？
区分响应式对象引用和修改前快照，用实际代码比较深层对象监听与原始字段 getter，说明如何获得前后值、设计快照和避免回调内才复制旧值。
核心关键词Vue deep watch oldValue newValue 相同 - 4724
Vue watch 的 once 如何工作，和 immediate 或手动 stop 有什么区别？
说明 Vue 3.4 起 once 在首次回调运行后自动停止，验证与 immediate 的组合行为，并区分第一次回调、第一次业务条件满足和异步操作成功一次。
核心关键词Vue watch once immediate stop 区别 - 4725
Vue 怎样 watch props 的嵌套属性，直接传属性为什么有时不生效？
Vue 怎样 watch props 的嵌套属性，直接传属性为什么有时不生效？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch props 嵌套属性 getter的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch props 嵌套属性 getter - 4726
Vue watch 发请求时，如何避免旧响应覆盖新结果？
用连续切换资源编号的例子解释 Vue watch 请求竞态，给出清理回调、有效标记与 AbortController 组合写法，并覆盖错误和 loading 被旧请求误写的情况。
核心关键词Vue watch 竞态 过期请求 副作用清理 - 4727
为什么直接 watch reactive 对象默认深监听，而 watch ref 对象的表现不同？
为什么直接 watch reactive 对象默认深监听，而 watch ref 对象的表现不同？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch reactive 默认深度和 ref 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch reactive 默认深度和 ref 区别 - 4728
Vue watch 回调修改自己的监听源，为什么会循环，怎样修复？
分析 Vue watch 回调修改自身监听源形成的反馈链，区分收敛修正和无条件递增，给出输入规范化的有界示例，并说明调度选项不能修复循环设计。
核心关键词Vue watch 回调修改自身值 无限循环 - 4729
Vue watch 监听 ref、reactive 对象和 getter 时有什么区别？
Vue watch 监听 ref、reactive 对象和 getter 时有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch 监听源 ref reactive getter 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch 监听源 ref reactive getter 区别 - 4730
Vue 中如何停止 watch 或 watchEffect，停止后还会执行吗？
解释 Vue watch 和 watchEffect 返回的停止句柄，演示停止前后的执行记录，并区分停止侦听、清理副作用和终止异步任务，适合面试回答与组件调试。
核心关键词Vue watch 停止 stop 返回值 函数 - 4731
Vue 什么时候用 watch，什么时候用 computed？
Vue 什么时候用 watch，什么时候用 computed？ 本文先给出可直接复述的结论，再用最小代码说明Vue watch 和 computed 使用场景区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue watch 和 computed 使用场景区别 - 4732
Vue watchEffect 为什么不收集 await 之后的依赖，如何修复？
解释 Vue watchEffect 的同步依赖收集窗口，给出 await 前固定请求参数的写法，并区分读取最新值、使用本轮快照和请求竞态三个不同问题。
核心关键词Vue watchEffect await 之后 依赖不收集 - 4733
Vue watchEffect 拿不到旧值，需要比较前后状态怎么办？
解释 watchEffect 为什么不提供 newValue 和 oldValue，给出改用多源 watch 比较状态的示例，并讨论首次执行、对象快照和批量更新遗漏中间值的边界。
核心关键词Vue watchEffect 无旧值 新旧值对比 替代方案 - 4734
Vue 3.5 如何暂停与恢复 watch，pause 和 stop 有什么区别？
说明 Vue 3.5 侦听句柄的 pause、resume 和 stop，演示暂停期间多次修改后恢复观察最新状态，并区分暂停订阅执行、资源清理与状态事务。
核心关键词Vue 3.5 watch pause resume 暂停 恢复 - 4735
Vue watchEffect 为什么默认立即执行，而 computed 按需求值？
从副作用与派生值的职责解释 watchEffect 的首次执行和 computed 的按需计算，通过调用记录观察首次读取、缓存复用与依赖变化，并澄清 post 调度的例外。
核心关键词Vue watchEffect 立即执行 computed 惰性 区别 - 4736
Vue watchEffect 和 watch 的依赖收集有什么区别，怎么选？
通过资源编号与语言设置的例子比较 Vue watch 和 watchEffect，说明显式源、自动同步依赖、首次执行和旧值的区别，并给出适合业务边界的选择依据。
核心关键词Vue watchEffect 和 watch 区别 自动收集依赖 - 4737
Vue 3.5 onWatcherCleanup 和 onCleanup 有什么区别，能在 await 后调用吗？
澄清 Vue 3.5 onWatcherCleanup 的同步注册限制，比较 watch 第三个参数和 watchEffect 第一个参数提供的 onCleanup，并说明旧接口没有被新接口取代。
核心关键词Vue onWatcherCleanup 和 onCleanup 区别 - 4738
Vue 3 的 reactive 数组为什么能感知 arr[0] 赋值、push 和 length 修改，而 Vue 2 需要特殊补丁？
Vue 3 的 reactive 数组为什么能感知 arr[0] 赋值、push 和 length 修改，而 Vue 2 需要特殊补丁？ 本文先给出可直接复述的结论，再用最小代码说明Vue 3 数组索引 push length 响应式原理的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue 3 数组索引 push length 响应式原理 - 4739
把纯静态路由表、常量字典或巨型不可变 JSON 全量 reactive 化，在 Vue 中主要浪费什么，应该怎么降级？
把纯静态路由表、常量字典或巨型不可变 JSON 全量 reactive 化，在 Vue 中主要浪费什么，应该怎么降级？ 本文先给出可直接复述的结论，再用最小代码说明Vue 静态配置过度响应式 性能浪费 降级的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue 静态配置过度响应式 性能浪费 降级 - 4740
在 Vue 的响应式 effect 中，await 之后再读取响应式状态为什么可能不会按直觉建立依赖？
在 Vue 的响应式 effect 中，await 之后再读取响应式状态为什么可能不会按直觉建立依赖？ 本文先给出可直接复述的结论，再用最小代码说明Vue effect 中 await 后依赖追踪失效的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue effect 中 await 后依赖追踪失效 - 4741
同一个 Vue effect 依赖的多个 ref 在一次同步代码块里连续修改，为什么通常只引起一次重新运行而不是每行一次？
同一个 Vue effect 依赖的多个 ref 在一次同步代码块里连续修改，为什么通常只引起一次重新运行而不是每行一次？ 本文先给出可直接复述的结论，再用最小代码说明Vue 多次同步修改 批量调度 合并更新的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue 多次同步修改 批量调度 合并更新 - 4742
把带 #private 字段或依赖内部槽位的 class 实例放进 Vue reactive，为什么可能比放普通对象更容易坏？
把带 #private 字段或依赖内部槽位的 class 实例放进 Vue reactive，为什么可能比放普通对象更容易坏？ 本文先给出可直接复述的结论，再用最小代码说明Vue reactive class 私有字段失效原因的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue reactive class 私有字段失效原因 - 4743
在 Vue 的 computed 里直接 await 接口返回为什么常得到 Promise 或旧值，正确边界是什么？
在 Vue 的 computed 里直接 await 接口返回为什么常得到 Promise 或旧值，正确边界是什么？ 本文先给出可直接复述的结论，再用最小代码说明Vue computed 里 await 的陷阱与边界的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue computed 里 await 的陷阱与边界 - 4744
多个 Vue computed 串联 a→b→c 时，源 ref 变化后重算顺序为什么不能依赖“立即全部同步执行”？
多个 Vue computed 串联 a→b→c 时，源 ref 变化后重算顺序为什么不能依赖“立即全部同步执行”？ 本文先给出可直接复述的结论，再用最小代码说明Vue computed 链式依赖 重算顺序的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue computed 链式依赖 重算顺序 - 4745
Vue computed 的缓存什么时候失效，无关状态更新会重新计算吗？
说明 computed 依据实际读取的响应式依赖缓存结果，区分依赖变化、下一次读取、动态分支与下游更新，解释 Date.now、普通变量和原地绕过代理修改的边界。
核心关键词Vue computed 缓存失效和依赖追踪 - 4746
Vue 的 computed 和模板里调用方法都能派生值，什么输入下 computed 的缓存才是决定性优势？
Vue 的 computed 和模板里调用方法都能派生值，什么输入下 computed 的缓存才是决定性优势？ 本文先给出可直接复述的结论，再用最小代码说明Vue computed 和 methods 缓存区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue computed 和 methods 缓存区别 - 4747
Vue computed/effect 在 if 分支里才读取某个响应式字段，分支切换后依赖集合会怎样变化？
Vue computed/effect 在 if 分支里才读取某个响应式字段，分支切换后依赖集合会怎样变化？ 本文先给出可直接复述的结论，再用最小代码说明Vue 条件分支 依赖收集动态变化的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue 条件分支 依赖收集动态变化 - 4748
用 customRef 做带格式校验的输入状态时，track 与 trigger 应该放在 get/set 的哪一侧，为什么？
用 customRef 做带格式校验的输入状态时，track 与 trigger 应该放在 get/set 的哪一侧，为什么？ 本文先给出可直接复述的结论，再用最小代码说明Vue customRef track trigger 放置位置的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue customRef track trigger 放置位置 - 4749
删除 Vue reactive 对象的键 delete state.foo 会触发哪些依赖，和把 foo 设为 undefined 语义相同吗？
删除 Vue reactive 对象的键 delete state.foo 会触发哪些依赖，和把 foo 设为 undefined 语义相同吗？ 本文先给出可直接复述的结论，再用最小代码说明Vue reactive delete 属性 与 undefined 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue reactive delete 属性 与 undefined 区别 - 4750
为什么直接 const { count } = reactive({ count: 0 }) 后再改 count 不会触发 Vue 视图更新？
为什么直接 const { count } = reactive({ count: 0 }) 后再改 count 不会触发 Vue 视图更新？ 本文先给出可直接复述的结论，再用最小代码说明Vue reactive 解构丢失响应式 原因的工作方式、判断依据、项目边界和常见误区。
核心关键词Vue reactive 解构丢失响应式 原因