如何解决Vue-router动态路由下子页面多页共活的难题？

本文共计815个文字，预计阅读时间需要4分钟。

我们知道vue-router的动态路由匹配和组件复用策略，通过在组件中根据不同的$route参数展示不同数据，这在大多数情况下是非常高效的。这种方法在简化组件逻辑和提升性能方面效果显著，但并未增加组件的复杂性。

我们都知道 vue-router 的动态路由匹配 对组件是原地复用的策略，需要我们在组件中根据不同的 $route 参数展示不同的数据，这在大部分情景下是很高效的做法，但这无疑增加了组件的复杂度，而且不同参数间切换因为是同组件复用，切换效果不加修饰的话会显得很生硬，这里放一张图片感受一下。