Object.freeze()能提升Vue 2性能，因其跳过响应式劫持；适用于纯展示的静态数据，如长列表、配置项、图表数据等，需在赋值前冻结，注意深层嵌套需手动处理。

直接用 Object.freeze() 冻结数据，Vue 2 就不会为它建立 getter/setter，跳过响应式劫持过程，大幅缩短初始化渲染时间。关键前提是：这些数据纯展示、不修改、不依赖响应式更新。

为什么能提升性能？

Vue 2 的响应式系统基于 Object.defineProperty，对 data 中每个属性递归遍历并添加访问器。当数据量大（比如 10 万条用户记录）、嵌套深时，这个 observe 过程非常耗时，甚至比请求本身还慢。而被 Object.freeze() 处理过的对象，Vue 会主动跳过响应式处理，视作静态只读数据。

怎么正确使用？

在赋值给 data 属性前调用 Object.freeze()，确保冻结的是最终要渲染的数据结构：

• 数组：直接冻结整个数组（数组本质是对象）
  this.tableData = Object.freeze(response.data);
• 对象：冻结整个对象，或先解构再冻结避免污染原始数据
  this.config = Object.freeze({ ...apiConfig });
• 注意：冻结的是值，不是引用；后续想更新，只需重新赋值新引用（如再次调用 API 后重新 freeze 新数据）

哪些场景特别适合？

以下情况用 Object.freeze() 效果明显：

• 后台管理系统的长列表（用户表、订单表、日志列表）
• 配置类数据（菜单权限、字典项、地区列表）
• 图表的原始数据源（ECharts/Vue-Chart 数据集）
• 表单详情页的只读展示（如审核记录、历史快照）

注意事项

冻结后数据完全不可变，需避开常见误用：

• 不要在冻结后尝试修改属性，如 data[0].name = 'new' —— 不报错但无效
• 深层嵌套对象需手动逐层 freeze，或配合工具函数（如递归 freeze 工具）
• Vue 3 中响应式机制已改为 Proxy，Object.freeze 不再影响响应式行为，该优化仅适用于 Vue 2 项目
• 与 const 无关，const 只限制变量重新赋值，不影响对象内部可变性