组件销毁时需主动切断所有对 ref 的强引用以防止内存泄漏；应在 onbeforeunmount 中将外部持有的 ref 置 null、避免闭包直接捕获 ref、优先传递 .value 而非 ref 本身，并慎用 weakmap 缓存。
组件销毁时，ref 变量若被外部（如定时器、事件回调、第三方库、全局对象或闭包）持续持有，就会形成强引用链，阻止 Vue 响应式系统释放该 ref 及其依赖的数据，造成内存驻留甚至泄漏。关键不是“删 ref”，而是切断所有对它的隐式或显式强引用。
主动清空或置 null 所有外部持有点
只要某处代码直接赋值、传参或闭包捕获了 ref 实例（而非仅取 .value），就可能钉住整个响应式对象。必须在卸载前手动解除：
- 将挂到 window、globalThis 或自定义缓存 Map 上的 ref 显式删除：如
window.myChartRef = null - 第三方库若接收了 ref（例如作为配置项传入），检查文档是否支持“解绑”或“重置”；不支持则改用
ref.value（原始值）代替 ref 本身传入 - 在
onBeforeUnmount中把已知持有 ref 的变量设为null或undefined，例如：chartRef.value = null; timerRef.value = null;
避免闭包中直接引用 ref 实例
定时器、fetch 回调、事件处理器等若在定义时捕获了 ref 对象（如 () => myRef.value++），该闭包会一直持有 myRef，导致组件无法回收。
- 优先传递
myRef.value（原始值）或轻量标识（如 ID、索引），而非 ref 本身 - 确需访问响应式状态时，在回调内先判空再取值：
if (myRef.value) { /* 安全使用 */ } - 不把 ref 当作参数传给未受控的工具函数或日志模块，防止意外长期持有
配合生命周期钩子做精准清理
Vue 不会自动帮你断开外部对 ref 的引用，必须靠你明确控制时机：
- 使用 onBeforeUnmount（非 unmounted）：它在 DOM 卸载前、响应式依赖停止追踪前触发，此时 ref 仍可安全读写，也来得及置空
- 若 ref 持有大型数据（如上万条日志数组），卸载时主动设
myRef.value = null，避免 GC 误判为活跃对象 - 对通过
toRef/toRefs创建的响应式引用，无需单独清理——它们不拥有数据所有权，但要确保源 reactive 对象本身也被正确释放（比如源对象也是该组件内部创建的 ref）
慎用 WeakMap 管理 ref 引用（仅限高级场景）
当必须缓存 ref 与某些元数据的映射关系，又不想阻碍 ref 回收时，可用 WeakMap：
- 键为 ref 实例（如
weakMap.set(myRef, metadata)），值为任意数据 - 一旦 myRef.value 被设为 null 且无其他强引用，ref 实例可被回收，WeakMap 中对应条目自动消失
- 注意：WeakMap 的 key 必须是对象，不能是原始值或字符串；也不适用于需要长期稳定缓存的场景
