如何实现Vue-Router动态路由下子页面多页共活的解决方案？

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

我们熟悉vue-router的动态路由匹配，组件是本地复用的策略。要在组件中根据不同的路由参数展示不同数据，直接使用不同的$router.params即可。这种方法在大规模场景下非常高效，但不会增加组件的复杂性。

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