MemoFlow Vue UI：为什么 Dialog、组件数据和 Toast 的状态对不上？

看起来都是“组件没反应”

我曾遇到过全局 Dialog 无法按预期打开，调查指向 Provider 和消费方可能引用了不同的响应式实例。另一次是组件更新后数据丢失，候选解释包括子组件缓存旧引用、v-if 销毁重建或错误的 key 选择。

又有一种情况根本不是状态问题

关于 Toast 不显示的历史记录，修复点落在样式资源缺失上。这提醒我不要把所有视觉问题都解释成响应式状态错误：有时组件已挂载、事件已运行，只是没有导入相应 CSS。

还有一例：父子组件的双向 computed 可能形成循环

在更早的 TaskTemplate 页面问题笔记中，当时怀疑 Store 保存的 editingTaskTemplate 被父组件通过带 get/set 的 computed 包装后传给子组件，子组件又通过自己的可写 computed 修改数据。这样一来，更新路径可能在子组件、父组件与 Store 之间来回触发。

对于响应式循环问题，我还考虑过让子组件直接访问统一 Store。但需要先确认是不是形成了循环依赖，不能因为都出现在 Vue 页面里，就把它与 Dialog Provider、组件重挂载或 Toast 样式问题视为同一个故障。相关原理见 computed 循环渲染。

确认各条原因需要不同证据

Provider 状态检查、组件生命周期日志、计算后的 DOM 和实际 CSS 导入链是不同的验证入口。旧资料涵盖具体排查思路，但未给出每次问题合并的 SHA，因此不把这些设想当作可复用的项目最终实现。