Vuejs2 如何在vuepress中转换路由?

Vuejs2 如何在vuepress中转换路由?,vuejs2,vue-router,vuepress,Vuejs2,Vue Router,Vuepress,阅读文档后,实现路线转换的方法是: <transition> <router-view></router-view> </transition> 但问题是VuePress在幕后处理所有路由,所以我不知道该将过渡组件放在哪里 在VuePress中是否有这样做的方法?据我所知—— 路由器转换将不可能,因为一旦运行“vuepress build”,整个站点将处于静态状态。 因此,不再进行路由,因此页面将重新加载新内容,而不是动态添加内容。您需要

阅读文档后,实现路线转换的方法是:

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

但问题是VuePress在幕后处理所有路由,所以我不知道该将过渡组件放在哪里

在VuePress中是否有这样做的方法?

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

您需要创建自己的主题或内容

在您的页面中.vue组件包装
中的组件


如果要更改除
部分以外的内容,请使用绑定

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

{{$page.title}

据我所知,内容是动态加载的,而静态站点只是一个后备。
<transition name="header-fade" mode="out-in">
  <header v-bind:key="$page.key">
    <h1>{{ $page.title }}</h1>
  </header>
</transition>