triggerRef 专门用于手动触发 shallowRef 的响应式更新，因其只监听 .value 赋值而不追踪内部属性变化；修改 userInfo.value.age 后需调用 triggerRef(userInfo) 才能刷新视图，不可传 userInfo.value 或普通对象。
triggerRef 专门用于手动触发 shallowRef 的响应式更新。它不适用于普通 ref 或 reactive，只在你修改了 shallowRef 内部对象的属性、又希望视图同步刷新时才需要调用。
为什么需要 triggerRef？
shallowRef 只监听 .value 的赋值变化，不代理其内部属性。比如 userInfo 是 shallowRef({ name: '张三', age: 25 })，直接改 userInfo.value.age = 26 不会触发更新——Vue 根本没追踪这个深层改动。
- ref / reactive：自动追踪所有嵌套属性，适合小而精的数据
- shallowRef：只响应 .value 整体替换，适合大对象、配置项、DOM 元素等无需深层响应的场景
- triggerRef 就是 bridge：补上“改内部但要更新”这一环
怎么正确调用 triggerRef？
必须传入一个 shallowRef 实例，不能传普通对象或 ref：
- ✅ 正确：
triggerRef(userInfo)（userInfo 是通过shallowRef(...)创建的） - ❌ 错误：
triggerRef(userInfo.value)或triggerRef({}) - 调用时机：在修改完内部属性后立即执行，顺序不能颠倒
常见使用模式
典型三步操作：
vue-admin-change-reviewer
下载
审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。
- 创建 shallowRef 对象：
const data = shallowRef({ a: 1, b: { c: 2 } }) - 修改内部字段：
data.value.a = 99; data.value.b.c = 88 - 手动通知更新：
triggerRef(data)
注意：如果只是替换整个 .value（如 data.value = { a: 2 }），Vue 会自动响应，不需要 triggerRef。
和 shallowReactive 的区别
shallowReactive 作用于普通对象，它的内部属性变化也不触发响应；但它没有配套的 trigger API。若需类似能力，得用 markRaw + reactive 组合或改用 shallowRef + triggerRef。
简单说：要手动控制更新，优先选 shallowRef 配 triggerRef，语义清晰、API 明确。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
