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 开销
