开发人员经常遇到的情况是，多个路由解析为同一个Vue组件。问题是，Vue出于性能原因，默认情况下共享组件将不会重新渲染，如果你尝试在使用相同组件的路由之间进行切换，则不会发生任何变化。

vue相同的路由组件如何重新渲染？-QUI-Notes 

const routes = [
  {
    path: "/a",
    component: MyComponent
  },
  {
    path: "/b",
    component: MyComponent
  },
];

想重新渲染，怎么办呢？

答：可以使用key，key值不一样，就会当成新的路由重新刷新加载！ 

<template>
    <router-view :key="$route.path"></router-view>
</template>