在页面刷新或单击链接后，vue路由器最后一个路由不会呈现

在页面刷新或单击链接后，Vue路由器最后一个路由不会呈现的原因是因为在Vue路由器中，路由的切换是通过浏览器的History API来实现的。当页面刷新或单击链接时，浏览器会发送一个新的请求，导致页面重新加载，此时Vue路由器的状态会丢失，最后一个路由也无法呈现。

为了解决这个问题，可以使用Vue路由器提供的导航守卫功能来处理。导航守卫可以在路由切换之前或之后执行一些逻辑操作。在这种情况下，可以在路由切换之前检查是否存在最后一个路由，并在刷新或点击链接时将其保存到浏览器的本地存储中。然后，在页面重新加载后，可以在Vue路由器初始化时检查本地存储中是否存在最后一个路由，并将其还原到路由器中。

以下是一个示例代码：

// 在路由器初始化之前检查本地存储中是否存在最后一个路由
const lastRoute = localStorage.getItem('lastRoute');
const router = new VueRouter({
  routes: [
    // 路由配置
  ]
});

// 导航守卫，在路由切换之前保存最后一个路由到本地存储
router.beforeEach((to, from, next) => {
  localStorage.setItem('lastRoute', from.path);
  next();
});

// 在路由器初始化时检查本地存储中是否存在最后一个路由，并还原到路由器中
router.beforeResolve((to, from, next) => {
  if (lastRoute) {
    router.replace(lastRoute);
    localStorage.removeItem('lastRoute');
  }
  next();
});

// Vue实例化时使用路由器
new Vue({
  router,
  // 其他配置
}).$mount('#app');

通过以上代码，可以实现在页面刷新或单击链接后，Vue路由器最后一个路由仍然可以呈现的效果。当页面重新加载时，会自动还原到最后一个路由。

对于Vue路由器的更多详细信息和使用方法，可以参考腾讯云的相关产品文档：Vue Router。