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

vue相同的路由组件如何重新渲染?-Qui-Note

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

想重新渲染,怎么办呢?

答:可以使用key,key值不一样,就会当成新的路由重新刷新加载!

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