Vue 3 的 reactive 可代理 Map 和 Set，但需显式包裹、用原生方法操作、注意 key/value 类型及引用一致性，WeakMap/WeakSet 不支持响应式。
Vue 3 的 reactive 能直接代理 Map 和 Set，但不是“包上就万事大吉”，必须配合正确的创建方式、操作习惯和数据结构设计，否则视图不会更新，甚至报错或行为异常。
必须显式用 reactive 包裹，不能裸露赋值
new Map() 或 new Set() 直接赋给 reactive 对象的属性，不会获得响应性。Vue 不会自动递归处理嵌套的集合实例。
- ✅ 正确：
const myMap = reactive(new Map())或const state = reactive({ cache: new Map() })→ 后续调用myMap.set()会触发更新 - ❌ 错误：
const state = reactive({ cache: new Map() }); state.cache.set('k', 'v')→cache是普通 Map 实例，未被代理，不响应 - ⚠️ 注意：ref 包裹也可行（如
ref(new Map())），但读写需加.value，且原生方法调用（如map.value.set()）默认不触发依赖收集，需手动triggerRef
所有变更必须走原生方法，禁止绕过代理
Proxy 拦截只发生在调用集合自身 API 时。任何跳过方法调用的操作，都会脱离响应链。
- ✅ 有效：
myMap.set(key, val)、myMap.delete(key)、mySet.add(item)、mySet.clear() - ❌ 失效：
myMap[key] = val（Map 不支持方括号赋值，且即使支持也会跳过 Proxy）、mySet[0] = item（Set 无索引）、myMap.size = 0（size 是只读属性，修改无效且不触发响应） - ⚠️ 遍历安全：用
v-for="[key, value] of myMap"或myMap.forEach()是响应式的；但Array.from(myMap)[0] = ...会生成新数组，脱离响应上下文
Key 和 value 类型影响响应稳定性
Map 的 key 和 Set 的 value 若为对象，其引用一致性直接决定 has()、get()、delete() 是否能正常工作。
React Best Practices 2 0.1.0
下载
React 与 Next.js 性能优化指南，源自 Vercel 工程团队。适用于编写、审查或重构 React/Next.js 代码时使用。
立即学习“前端免费学习笔记（深入）”；
- ✅ 推荐 key 类型：字符串、数字、Symbol，或**同一个 reactive 对象实例**（如提前定义
const userKey = reactive({ id: 1 })，始终复用） - ❌ 避免每次新建对象作 key：
myMap.get({ id: 1 })→ 引用不同，查不到，响应失效 - ✅ Set 中添加响应式对象：
mySet.add(reactive({ name: 'Alice' }))→ 其属性变化可被 computed 或 effect 捕获 - ⚠️ 注意：Set 结构本身只响应
add/delete/clear，不因内部对象属性变而重渲染 v-for 列表；若需列表更新，需在修改后显式读取或触发依赖（如再次访问mySet.values()）
内部值不会自动深层响应，需手动处理
reactive() 只代理集合容器本身，不递归将内部值转为响应式。对象值是否响应，取决于插入前是否已用 reactive 或 ref 包裹。
- ❌
myMap.set('user', { name: 'Alice' })→ 修改user.name不触发任何响应 - ✅
myMap.set('user', reactive({ name: 'Alice' }))→user.name变化会触发关联的 effect 或 computed，但不会让v-for重新执行，除非你再次读取该值（如myMap.get('user')） - ✅ 替代方案：用
ref包裹每个值，再存入 Map/Set，便于细粒度控制
WeakMap 和 WeakSet 明确不支持响应式
Vue 3 不劫持 WeakMap / WeakSet，因其弱引用机制与 Proxy 的拦截逻辑冲突，无法安全追踪依赖。
- ❌
reactive(new WeakMap())或ref(new WeakSet())→ 不生效，控制台可能警告或静默失败 - ✅ 如需弱引用 + 响应式，需自行封装逻辑（例如用 Map 存 key 引用，用 WeakMap 存额外元数据，但响应性仅由 Map 驱动）
