Vue 中父子、兄弟、跨层级组件分别有哪些通信方式，如何选择？
围绕“Vue 中父子、兄弟、跨层级组件分别有哪些通信方式，如何选择”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按关系分层归纳 props/emits、共同父级或事件总线、provide/inject、状态管理的适用边界，不深入任一方式的语法。
核心关键词Vue 组件通信方式
面试知识索引 · 分类、标签与搜索
Vue面试题，180 道完整答案
Vue面试题第 2 页，显示第 51–100 题，共找到 180 道完整解析，可继续按分类、标签与关键词缩小范围。
180筛选结果
52技术分类
178检索标签
4索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
Vue 中递归组件如何实现，为什么需要组件名？
围绕“Vue 中递归组件如何实现，为什么需要组件名”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明组件通过自身 name 在模板里引用自己实现树形渲染，以及 <script setup> 下文件名即隐式名称。
核心关键词Vue 递归组件 name - 0053
Vue 的 <script setup> 组件为什么默认对外封闭，defineExpose 解决了什么？
围绕“Vue 的 <script setup> 组件为什么默认对外封闭，defineExpose 解决了什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 <script setup> 实例默认不暴露内容、defineExpose 显式声明可被父级 ref 访问的成员。
核心关键词Vue defineExpose - 0054
Vue 3.4 的 defineModel 宏相比手写 modelValue 加 update 事件简化了什么？
说明 defineModel 自动声明模型 prop 与更新事件并返回可读写 ref，给出默认与命名模型写法，解释编译期、版本、默认值失同步和修饰符边界。
核心关键词Vue defineModel - 0055
Vue 的 defineProps 和 defineEmits 为什么不需要导入，它们如何声明类型？
围绕“Vue 的 defineProps 和 defineEmits 为什么不需要导入，它们如何声明类型”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明二者是 <script setup> 编译期宏，并覆盖运行时声明与泛型类型声明两种写法。
核心关键词Vue defineProps defineEmits - 0056
Vue 中如何用 <component :is> 实现动态组件切换，与 v-if 链相比有何优势？
围绕“Vue 中如何用 <component :is> 实现动态组件切换，与 v-if 链相比有何优势”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 :is 可接收组件名或组件对象、切换时默认卸载旧实例的行为，以及与多分支 v-if 的可维护性对比。
核心关键词Vue 动态组件 component is - 0057
Vue 声明 emits 有什么作用，为什么会影响原生事件监听？
说明 emits 的接口文档、类型提示和监听器分类作用，解释声明 click 后的行为、未声明事件的重复触发风险，以及组件事件不冒泡的通信边界。
核心关键词Vue emits 声明与原生事件透传区别 - 0058
Vue emits 参数校验返回 false，会阻止事件发送吗？
区分 Vue emits 对象校验、TypeScript 事件签名和业务发送条件，说明开发期警告不会自动阻断事件，以及如何在 emit 前验证不可信参数。
核心关键词Vue emits 参数校验 false 是否阻止发送 - 0059
Vue 中自定义事件名推荐用什么大小写形式，模板中监听时如何对应？
解释子组件 emit 的 camelCase 事件可以在模板中用 kebab-case 监听，给出声明、触发与监听完整示例，并区分 DOM 模板、JSX、原生事件和命名空间。
核心关键词Vue 自定义事件名 大小写 kebab-case - 0060
Vue inheritAttrs: false 后，怎样把属性传给内部控件？
通过带外壳的按钮解释关闭自动继承后的手动透传，说明 class、ARIA、事件监听器的落点，已声明 props 和 emits 的处理及避免重复绑定的方法。
核心关键词Vue inheritAttrs false 手动绑定 attrs 内部控件 - 0061
Vue 中 inject 的默认值与 Symbol 注入键分别解决什么问题？
围绕“Vue 中 inject 的默认值与 Symbol 注入键分别解决什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明未提供时默认值兜底避免 undefined，以及 Symbol 键避免大型应用中注入名冲突。
核心关键词Vue inject 默认值 Symbol key - 0062
Vue 多根节点组件为什么不能自动透传 attrs，应该绑定到哪里？
解释 Fragment 多根组件缺少唯一属性目标的原因，说明手动绑定、拆分接口、重复 ID、监听落点与 inheritAttrs 设置，避免仅消除警告却丢失行为。
核心关键词Vue 多根节点组件 attrs 透传目标与警告 - 0063
Vue 中插值表达式与 v-html 渲染 HTML 的区别和安全风险是什么？
围绕“Vue 中插值表达式与 v-html 渲染 HTML 的区别和安全风险是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明插值按文本转义、v-html 原样插入导致的 XSS 风险及只对可信内容使用的原则。
核心关键词Vue v-html XSS - 0064
Vue 具名插槽如何定义与使用，v-slot 的简写是什么？
覆盖子组件 slot name、父级 template v-slot:name 与 #name 简写，说明默认通道、动态参数和条件内容的编译规则，并给出卡片结构示例。
核心关键词Vue 具名插槽 v-slot - 0065
Vue 3 的 Patch Flag 如何让虚拟 DOM diff 跳过静态内容？
围绕“Vue 3 的 Patch Flag 如何让虚拟 DOM diff 跳过静态内容”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明编译时给动态绑定打上类型标记、更新时只按标记比对对应绑定的靶向更新原理。
核心关键词Vue Patch Flag 编译优化 - 0066
Vue 对象和数组 prop 默认值为什么使用工厂函数？
解释运行时 props 和 withDefaults 中可变默认值的工厂写法，区分实例隔离、默认值触发条件和浅复制，并说明 Vue 3.5 解构默认值的不同语法。
核心关键词Vue 对象数组 prop 默认值工厂函数与实例隔离 - 0067
Vue props 的 camelCase 和 kebab-case 如何对应，DOM 模板有什么限制？
区分组件 prop 声明、SFC 模板、浏览器 DOM 模板和 attrs 原始键名，说明大小写归一化、动态绑定和命名迁移时应检查的实际输入。
核心关键词Vue props camelCase kebab-case 与 DOM 模板大小写 - 0068
Vue props 为什么是单向数据流，子组件修改它会怎样？
区分 prop 顶层只读、嵌套共享引用和本地编辑草稿，说明通过事件请求父层更新、派生值计算及父层新输入到来时的同步策略。
核心关键词Vue props 单向数据流与嵌套对象修改 - 0069
Vue props 类型与自定义校验如何工作，校验失败会怎样？
解释运行时 props 的构造函数类型、联合类型、required、自定义 validator 和 nullable 写法，区分开发警告、TypeScript 类型与真实数据解析。
核心关键词Vue props 类型校验 validator 运行边界 - 0070
封装 Vue 组件时应如何在 props 和插槽之间做设计取舍？
围绕“封装 Vue 组件时应如何在 props 和插槽之间做设计取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出数据驱动配置用 props、结构定制用插槽的判断标准，并说明两者组合（如 prop 控制行为加插槽定制外观）的边界。
核心关键词Vue 组件设计 props 插槽 取舍 - 0071
Vue 的 provide 和 inject 如何解决跨层级组件传值？
围绕“Vue 的 provide 和 inject 如何解决跨层级组件传值”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明祖先 provide、任意后代 inject 跳过中间层透传的机制。
核心关键词Vue provide inject - 0072
Vue 中应如何避免 inject 方随意修改 provide 的状态？
围绕“Vue 中应如何避免 inject 方随意修改 provide 的状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明由提供方暴露修改方法或用 readonly 包裹的约定及其原因。
核心关键词Vue inject 防止修改 provide 状态 readonly - 0073
如何让 Vue provide 注入的值保持响应式？
围绕“如何让 Vue provide 注入的值保持响应式”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 provide 普通值不响应、需传入 ref/reactive 或计算属性才能联动更新。
核心关键词Vue provide inject 响应式 - 0074
Vue 3.5 的响应式 props 解构解决了此前解构丢失响应式的什么问题？
围绕“Vue 3.5 的响应式 props 解构解决了此前解构丢失响应式的什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 3.5 起解构 props 保持响应式且可写默认值、旧版本需 toRef 的差异及版本标注。
核心关键词Vue 响应式 props 解构 - 0075
Vue 组件的局部注册与全局注册各有什么取舍？
围绕“Vue 组件的局部注册与全局注册各有什么取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明全局注册利于到处使用但阻碍 tree-shaking 并隐藏依赖关系、局部注册依赖清晰的取舍。
核心关键词Vue 组件注册 局部 全局 - 0076
如何利用 Vue 作用域插槽实现只封装逻辑不渲染固定结构的无渲染组件？
围绕“如何利用 Vue 作用域插槽实现只封装逻辑不渲染固定结构的无渲染组件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明把状态与方法通过插槽 props 全部交给调用方渲染的设计模式及其复用价值。
核心关键词Vue 无渲染组件 renderless - 0077
Vue 作用域插槽如何把子组件的数据暴露给父级的插槽内容？
围绕“Vue 作用域插槽如何把子组件的数据暴露给父级的插槽内容”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明子组件在 <slot> 上绑定 props、父级通过 v-slot 解构接收的完整数据流。
核心关键词Vue 作用域插槽 - 0078
为什么 Vue 插槽内容无法直接访问子组件的数据？
围绕“为什么 Vue 插槽内容无法直接访问子组件的数据”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须讲清插槽内容在父组件作用域编译因此看不到子组件状态这一作用域规则，并引出作用域插槽作为解法但不展开其语法细节。
核心关键词Vue 插槽作用域规则 - 0079
Vue 插槽的内容在父子组件中分别由谁编译和渲染，默认内容何时生效？
解释插槽内容在父级作用域编译、由子组件的 slot 出口决定放置位置，后备内容仅在父级未提供对应插槽时渲染，并覆盖空内容与条件分支。
核心关键词Vue 插槽 slot 默认内容 - 0080
Vue 3 编译器的静态提升（hoistStatic）优化了什么开销？
围绕“Vue 3 编译器的静态提升（hoistStatic）优化了什么开销”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明纯静态 VNode 被提升到 render 函数外只创建一次、更新时直接复用。
核心关键词Vue 静态提升 编译优化 - 0081
Vue 模板从字符串到渲染要经历哪些编译阶段？
围绕“Vue 模板从字符串到渲染要经历哪些编译阶段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明模板解析为 AST、transform 做指令转换与优化、codegen 生成 render 函数代码的三阶段。
核心关键词Vue 模板编译 流程 parse transform codegen - 0082
Vue 中如何通过模板引用 ref 获取子组件实例或 DOM 元素？
围绕“Vue 中如何通过模板引用 ref 获取子组件实例或 DOM 元素”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 ref 属性挂载后在 onMounted 中访问，以及 <script setup> 下子组件需 defineExpose 暴。
核心关键词Vue 模板引用 ref 子组件实例 - 0083
Vue 的模板写法和手写 render 函数各适用于什么场景？
围绕“Vue 的模板写法和手写 render 函数各适用于什么场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比模板的静态优化与可读性优势和 render/h 函数在高度动态结构下的灵活性。
核心关键词Vue 模板 render 函数 选择 - 0084
为什么 Vue 3 中不建议在同一元素上同时使用 v-if 和 v-for？
围绕“为什么 Vue 3 中不建议在同一元素上同时使用 v-if 和 v-for”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Vue 3 中 v-if 优先级高于 v-for 导致 v-if 访问不到循环变量的行为变化及改用 template 包裹的方。
核心关键词Vue v-if v-for 同元素 优先级 - 0085
Vue 内置表单元素上的 v-model 在编译后等价于什么？
围绕“Vue 内置表单元素上的 v-model 在编译后等价于什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 input/textarea/select 上 v-model 展开为对应 value/checked 绑定与 input/c。
核心关键词Vue v-model 表单 编译结果 - 0086
如何在 Vue 自定义组件的 v-model 上支持自定义修饰符？
解释组件通过 modelModifiers 或命名通道的 xxxModifiers 接收修饰符集合，在 emit 前规范化候选值，并覆盖未知修饰符、IME 输入和 defineModel get/set。
核心关键词Vue v-model 自定义修饰符 - 0087
Vue 3 中一个组件如何实现多个 v-model 绑定？
说明 v-model:字段名 会展开为同名 prop 和 update:字段名事件，给出姓名组件的双字段实现，并讨论字段独立性、原子提交与 Vue 2 .sync 迁移。
核心关键词Vue 多个 v-model - 0088
Vue 中子组件如何支持 v-model，默认的 prop 名和事件名是什么？
拆解组件 v-model 的 modelValue prop 与 update:modelValue 事件契约，给出不直接修改 prop 的输入组件示例，并覆盖受控状态、同值更新和表单边界。
核心关键词Vue v-model 自定义组件 - 0089
Vue 中虚拟 DOM 和 VNode 在渲染流程中扮演什么角色？
围绕“Vue 中虚拟 DOM 和 VNode 在渲染流程中扮演什么角色”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 render 函数产出 VNode 树、挂载与更新时通过 diff 比对再最小化操作真实 DOM 的机制。
核心关键词Vue 虚拟 DOM VNode - 0090
Vue 中基于类型声明的 defineProps 如何设置默认值？
围绕“Vue 中基于类型声明的 defineProps 如何设置默认值”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明类型声明的 defineProps 无法用 default 选项、需借助 withDefaults 或响应式 props 解构（。
核心关键词Vue withDefaults props 默认值 - 0091
Vue KeepAlive 为什么要用 onActivated 和 onDeactivated？
解释 KeepAlive 切换时组件实例被缓存而非卸载，说明 activated、deactivated 在首次挂载和最终卸载也会出现，并给出暂停恢复可见期订阅的示例。
核心关键词Vue KeepAlive onActivated onDeactivated 缓存组件 - 0092
Vue 连续修改响应式状态，为什么 DOM 通常只更新一次？
解释 Vue 为什么缓冲组件更新任务，通过渲染次数记录展示同一段同步代码的多次赋值如何合并，并区分状态变化、任务去重与异步边界。
核心关键词Vue 异步更新队列 批量 去重 DOM 更新 - 0093
Vue 组件卸载时，定时器和全局事件应该在哪个钩子清理？
说明手动创建的定时器、全局事件与第三方实例需要在组件结束流程清理，比较 onBeforeUnmount 和 onUnmounted 的可用状态，并演示成对注册与移除。
核心关键词Vue onBeforeUnmount 清理 定时器 事件监听 泄漏 - 0094
Vue effectScope 是什么，如何一次停止其中的所有副作用？
解释 Vue effectScope 的收集边界，演示在 run 中创建多个响应式效果后统一 stop，并说明普通异步回调、外部资源与作用域停止后的返回值边界。
核心关键词Vue effectScope 创建 stop 批量停止 副作用 - 0095
Vue effectScope(true) 为什么容易泄漏，什么时候才该使用？
说明 effectScope(true) 不被当前父作用域收集的含义，演示父级停止后分离作用域仍响应，并给出模块单例、引用计数和服务端请求隔离的生命周期要求。
核心关键词Vue effectScope detached 分离作用域 内存泄漏 - 0096
Vue 嵌套 effectScope 在父级停止时会怎样？
解释默认嵌套 effectScope 会被父级收集并级联停止，演示子级提前停止和父级继续工作的差别，并限定 detached 子级的例外。
核心关键词Vue effectScope 嵌套 父停止 子作用域 - 0097
如何用 Vue effectScope 实现跨组件共享且可回收的副作用？
设计一个由 detached effectScope 持有的共享响应式服务，通过首个消费者启动、引用计数归零停止，覆盖重复释放、重新启动、SSR 隔离与清理竞态。
核心关键词Vue effectScope 跨组件 共享 单例 副作用 - 0098
Vue watch 的 flush post 和 watchPostEffect 如何在 DOM 更新后执行？
比较 flush post 的 watch 与 watchPostEffect，演示读取更新后节点内容，说明显式源和自动依赖的差别，以及相对 nextTick 更适合持续同步的场景。
核心关键词Vue watch flush post watchPostEffect DOM 更新后 - 0099
Vue watch 默认 flush pre 在谁的 DOM 更新之前执行？
精确解释 Vue watch 默认 pre 调度相对所属组件与父组件更新的顺序，用组件文本读取示例区分新状态和旧 DOM，并说明初次执行选项不能混同更新时机。
核心关键词Vue watch flush pre 默认时机 组件更新前 - 0100
Vue watch 的 flush sync 和 watchSyncEffect 为什么要谨慎使用？
解释 Vue 同步侦听的执行位置和失去批量合并的代价，通过两个字段连续赋值观察中间状态，说明适用的缓存失效场景以及不适合大型数组与 DOM 测量的原因。
核心关键词Vue watch flush sync watchSyncEffect 风险