vue 的 reactive() 不支持 symbol 作为属性名，因 proxy 无法可靠拦截其 get/set、跳过依赖收集与递归代理，且模板编译不支持动态 symbol key，赋值不触发响应式更新。
Vue 的 reactive() 不支持用 Symbol 作为属性名，不是语法错误，而是响应式系统在设计上主动排除了这种用法——因为 Symbol 属性无法被 Proxy 的 get/set 拦截器可靠追踪，也不符合依赖收集的运行逻辑。
Symbol 属性无法触发依赖收集
Vue 3 的响应式基于 Proxy，其 handler 的 get 捕获器只对「可枚举、可配置、存在于目标对象自身」的属性做 track（依赖收集）。而 Symbol 键虽然属于对象自身属性，但：
- Proxy 的
ownKeys捕获器默认不返回 Symbol 键，导致for...in、Object.keys()等遍历行为无法覆盖它，Vue 内部初始化时也跳过 Symbol 属性的递归代理 -
get拦截器虽能捕获obj[sym]访问，但 Vue 显式判断了key typeof === 'symbol'并绕过 track —— 因为无法保证该访问一定关联到当前组件的副作用上下文 - 模板编译阶段（如
{{ obj[sym] }}）不支持动态 key 解析，编译器无法静态分析 Symbol 表达式，直接报错或静默忽略
赋值行为不可控，更新无法触发视图刷新
即使你手动给 reactive 对象添加 Symbol 属性，写入操作也不会走响应式通道：
-
proxy[sym] = value调用的是原生赋值，不会触发set拦截器，也就不会 trigger 更新 - 后续读取
proxy[sym]虽能拿到值，但因没 track 过，修改它不会通知任何依赖 - 若 Symbol 属性值本身是对象，它也不会被自动 reactive 化——Vue 不递归处理 Symbol 键下的嵌套结构
和 provide/inject 中 Symbol Key 的本质区别
别把这里和 provide/inject 用 Symbol 当 key 混淆。后者中的 Symbol 是作为「注入标识符」，不参与数据劫持，只是个唯一令牌；而 reactive 中的 Symbol 是想当「属性名」，属于数据结构层，两者角色完全不同。
-
provide(Symbol('api'), apiRef)：Symbol 是 key，apiRef 是响应式值，一切正常 -
reactive({ [Symbol('id')]: 123 })：Symbol 是属性键，值 123 不会响应式化，整个字段形同“幽灵属性”
替代方案：需要唯一性 + 响应式，用字符串命名 + 命名空间前缀
如果你本意是避免属性名冲突，又想要响应式能力，推荐以下更稳妥的做法：
- 用带作用域前缀的字符串，比如
__theme_mode、_auth_token，语义清晰且完全响应式 - 把需隔离的数据封装成独立的
ref或reactive对象，再挂载到主状态上：state.theme = reactive({ mode: 'dark' }) - 组合式函数中用闭包管理私有状态，对外只暴露受控的 getter/setter，不依赖属性名隐藏
