如何在 vuepress 中转换路由？

【问题标题】：How to transition routes in vuepress?如何在 vuepress 中转换路由？
【发布时间】：2018-11-12 22:56:19
【问题描述】：

阅读Vue Router 文档，实现路由转换的方法是：

<transition>
  <router-view></router-view>
</transition>

但问题是 VuePress 在后台处理所有路由，所以我不知道该把过渡组件放在哪里。

在 VuePress 中有没有办法做到这一点？

【问题讨论】：

【解决方案1】：

您需要创建自己的主题或eject default。

在您的 Page.vue 组件中将 <Content /> 组件包装在 <transition> 中

<transition name="fade">
  <Content :custom="false"/>
</transition>

如果您想更改除<Content /> 部分之外的其他内容，请使用绑定

<transition name="header-fade" mode="out-in">
  <header v-bind:key="$page.key">
    <h1>{{ $page.title }}</h1>
  </header>
</transition>

【讨论】：

【解决方案2】：

据我所知—— 路由器转换是不可能的，因为一旦你运行“vuepress build”，整个站点就会是静态的。因此不再进行路由，因此页面将重新加载新内容而不是动态添加它。

【讨论】：