应主动将变更带回到响应式系统：对shallowRef用triggerRef唤醒内部修改；对第三方实例先markRaw再纳入reactive；深层依赖可手动track+trigger；避免forceUpdate，优先用key或v-if重建。
在 Vue 响应式系统外部（比如第三方库回调、定时器、原生事件、Canvas 操作后）修改了响应式数据，但视图没更新——这通常是因为修改发生在非响应式上下文中，Vue 没有机会执行 track 或 trigger。解决方法不是“绕过响应式”，而是**主动把变更带回到响应式系统中**，核心手段是 triggerRef 和 trigger 配合底层 API。
只对 shallowRef 有效：用 triggerRef 唤醒内部变更
如果你用 shallowRef 包裹了一个对象（如 Canvas 状态、地图实例、大型配置），并在外部直接改了它的属性（例如 canvasState.value.width = 1200），Vue 不会自动响应。这时必须调用：
-
传入 shallowRef 实例本身，不能传
.value或普通对象 - 必须在修改之后立即调用，顺序不能颠倒
- 对 ref 或 reactive 调用 triggerRef 无效，也不会报错，只是静默忽略
深层响应式对象：用 markRaw + reactive 组合避免误追踪
当第三方库返回的对象（如 Chart.js 实例、WebGL 上下文）本就不该被响应式代理，又需要和 reactive 数据联动时：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 先用
markRaw()标记该对象，防止被 reactive 递归代理 - 再把它作为字段放进 reactive 对象里
- 后续通过赋值方式更新该字段（如
state.chart = newChart），就能触发自动响应 - 避免直接改
state.chart.options.title = 'new'—— 这类操作不会响应，且 markRaw 后也无法 proxy
手动触发任意响应式依赖：track + trigger（需 effectScope 管理）
适用于调试、缓存刷新或批量计算后强制重绘等高级场景：
立即学习“前端免费学习笔记（深入）”；
- 在 effect 内部调用
track(target, TrackOpTypes.GET, key)显式声明依赖 - 外部修改数据后，调用
trigger(target, TriggerOpTypes.SET, key, newVal, oldVal)通知更新 - 必须从
vue/reactivity显式导入TrackOpTypes和TriggerOpTypes - 推荐配合
effectScope()使用，避免副作用泄漏
不推荐但偶有用处：forceUpdate（已废弃，仅兼容旧代码）
forceUpdate 在 Composition API 中已被移除，Options API 中也标记为 deprecated。它强制整个组件重新渲染，无视响应式依赖，容易掩盖真实问题，且破坏 diff 优化。替代方案更精准：
- 用
key变更触发子组件重装（适合局部重置） - 用
v-if控制显隐实现“销毁-重建” - 优先走响应式路径：确保数据变更发生在正确上下文，或用 triggerRef / trigger 补齐
