triggerref仅对shallowref生效，因其设计目的就是解决shallowref内部属性修改不触发响应的问题；ref本身是深度响应式，修改嵌套属性vue能自动追踪，无需手动触发。
直接用 ref 配合 triggerRef 是无效的——triggerRef 只对 shallowRef 生效，不能用于普通 ref 或 reactive 对象。
为什么 ref 不能用 triggerRef？
ref 创建的是深度响应式引用，所有嵌套属性都会被自动追踪。你改 myRef.value.obj.name，Vue 本来就能感知并更新，根本不需要手动触发。triggerRef 的设计初衷，就是为了解决 shallowRef 内部修改不响应 这一特定问题。
正确搭配：shallowRef + triggerRef
只有当你明确需要“只监听 .value 是否被整体替换”，又偶尔要改内部字段并希望视图同步时，才用这对组合：
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- 用
shallowRef({ a: 1, b: { c: 2 } })创建浅层引用 - 直接改内层：
state.value.b.c = 99—— 此时界面不会变 - 立刻补上：
triggerRef(state)—— 视图立刻响应 - 注意：必须传入 shallowRef 实例本身，不是
state.value，也不是普通对象
常见误用场景提醒
这些操作不会生效，且容易引发困惑：
- 对
ref({x: 1})调用triggerRef—— 静默忽略，无报错也无效果 - 对
reactive({x: 1})或shallowReactive调用triggerRef—— 同样无效 - 先改
shallowRef.value，再调用triggerRef但传错参数（比如传了shallowRef.value）—— 不触发更新 - 在模板中绑定
@click="triggerRef(myShallowRef)"—— 属于逻辑层控制，不应暴露到模板
替代方案：什么时候该换思路？
如果频繁需要改内层再触发，说明 shallowRef 可能不是最优选：
- 数据结构简单、层级少 → 直接用
ref更省心 - 需局部更新但性能敏感（如千行表格）→ 用
shallowRef+triggerRef批量修改后统一触发 - 第三方实例（如 Chart.js 对象）→ 用
markRaw包裹后放进reactive，靠赋值更新整个字段 - 想彻底绕过响应式 → 改用
key或v-if强制组件重建，比 forceUpdate 更可控
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
