vue.js响应式系统跳过object.freeze()冻结的对象：vue 2绕过observe，vue 3的proxy拒绝代理；冻结仅浅层，嵌套对象需手动冻结；const限制赋值，freeze限制修改，二者与reactive互斥。
Vue.js 的响应式系统会跳过被 Object.freeze() 处理过的对象，不为其建立响应式代理——这是明确的设计行为，不是 bug。
Vue 2 中：直接绕过 observe 过程
Vue 2 使用 Object.defineProperty 递归遍历 data 中每个属性，为它们添加 getter/setter。一旦发现目标对象已被 Object.freeze() 冻结，内部的 observe 机制会主动跳过它，不进行任何劫持操作。
- 冻结发生在赋值前（如
this.list = Object.freeze(apiData)），才能生效 - 冻结后，该对象及其顶层属性不可修改，视图也不会响应任何内部变更
- 但你可以重新赋值整个引用（例如再次请求后替换为新的冻结数组），视图正常更新
Vue 3 中：Proxy 拦截器拒绝处理冻结对象
Vue 3 的 reactive() 基于 Proxy 实现。当传入一个已被 Object.freeze() 的对象时，Proxy 创建会失败或发出警告，因为冻结对象无法被代理。
- 调用
reactive(Object.freeze({ x: 1 }))不会报错，但返回的对象不具备响应性 - 尝试修改其属性（如
state.x = 2）不会触发 effect 重新运行 - 官方推荐：不需要响应式就别用
reactive，直接Object.freeze()即可
冻结是浅层的，嵌套对象仍需手动处理
Object.freeze() 只冻结目标对象本身，不递归冻结其属性值。如果某个属性值仍是普通对象或数组，它依然可被修改，且 Vue 有可能对其做响应式处理（若未被冻结）。
- 常见陷阱：冻结了外层数组，但数组里每个 item 是普通对象 → item 内部字段仍响应
- 若需彻底只读，要么逐项冻结：
items.map(item => Object.freeze(item)) - 要么使用深冻结工具（如自定义
deepFreeze函数或第三方库）
与 const、响应式 API 的区别要分清
const 控制变量绑定不可重赋值，Object.freeze() 控制对象内容不可变，两者作用维度不同；而 reactive 和 ref 是 Vue 提供的响应式封装，和冻结互斥。
-
const obj = { a: 1 }→ 不能写obj = {}，但可以写obj.a = 2 -
Object.freeze(obj)→ 连obj.a = 2都无效 -
reactive(obj)和Object.freeze(obj)不应混用，否则失去响应性或产生警告
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
