Vue编译器对v-bind="obj"采用静态分析与运行时代理协同优化：编译阶段标记为DynamicProps并剥离静态属性，运行时直接透传响应式对象、按需触发getter，更新时基于引用比较跳过未变更对象。

Vue 编译器对 v-bind="obj" 的处理不是简单展开对象属性，而是通过编译阶段的静态分析 + 运行时代理机制协同完成。关键性能点在于：避免运行时遍历对象、跳过无变化属性的 diff、复用已生成的 props 对象。下面从源码角度拆解核心逻辑。

编译阶段：标记为“动态 props”并剥离静态属性

在 baseCompile 流程中，v-bind="obj" 被识别为 DynamicProps 类型（AST 节点 type = 8）。此时编译器：

• 不尝试解析 obj 的具体字段，仅保留表达式字符串（如 "obj"）作为 dynamicProps 字段
• 若同时存在静态 v-bind:key 或 v-on:click 等，会将它们合并进 props 数组，但动态部分单独拎出
• 最终生成的 render 函数中，类似：createElement(tag, { ...staticProps, ..._ctx.obj })

运行时：响应式对象直接透传，不触发 getter 遍历

Vue 3 的 createVNode 在合并 props 时，对 ..._ctx.obj 这类展开操作做了优化：

• 如果 _ctx.obj 是 reactive 对象，内部使用 shallowReadonly 包装后直接赋值给 vnode.props，不调用 Object.keys() 或 for...in
• 只有当组件实际读取某个 prop（例如 this.id）时，才会触发 proxy 的 get 拦截，此时才关联依赖
• 这意味着：100 个属性的对象，只要模板没用到其中 95 个，那 95 个就不会建立响应式追踪

更新阶段：基于 ref 的浅层 dirty check，跳过未变更对象

当 obj 被重新赋值（如 obj = {...}），vnode.props 整体替换，但 diff 过程不逐字段比对：

• 新旧 vnode.props 都是普通对象（非 Proxy），diff 时只做引用比较（===）
• 若 obj 是同一个响应式对象（仅内部属性变），则 vnode.props 引用不变 → 不进入子组件 patch 流程
• 若 obj 是新对象（或 markRaw 后的普通对象），则触发完整 props 更新，但依然跳过未使用的字段

性能建议：控制对象粒度与冻结无关字段

真正影响性能的不是绑定本身，而是对象变更方式和模板消费模式：

• 避免频繁新建对象：用 Object.assign(obj, { a: 1 }) 替代 obj = { ...obj, a: 1 }，保持引用稳定
• 分离高频/低频属性：把常变字段（如 loading）和静态字段（如 disabled）拆到不同响应式对象，减少无效更新
• 对纯配置对象用 markRaw：如 const attrs = markRaw({ class: 'btn', role: 'button' })，避免 proxy 开销