Vue动态组件缓存的坑你踩过了吗?上个月在重构一个数据看板项目时,我遇到了一个诡异的问题:在<keep-alive>包裹的动态组件中,某个子组件的activated钩子偶尔不触发,导致图表渲染异常。更让人抓狂的是——这个问题在开发环境几乎无法复现,但在生产环境下某些特定操作路径中必然出现。你有没有也遇到过这种"薛定谔的缓存失效"? 问题出现在一个多标签页的数据分析模块中,每个标签页通过<component :is="currentTab">动态加载不同的图表组件。为了优化性能,我们理所当然地用<keep-alive>包裹了动态组件: