Как перевести маршруты в вуэпресс?

Question

При чтении документации Vue Router способ перехода к маршруту заключается в следующем:

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

Но проблема в том, что VuePress обрабатывает всю маршрутизацию за сценой, поэтомуЯ не могу понять, куда поместить этот компонент перехода.

Есть ли способ сделать это в VuePress?

Answer 1

Вам нужно создать собственную тему или извлечь по умолчанию .

В вашем компоненте Page.vue обернуть <Content /> компонент в <transition>

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

Если вы хотите что-то изменить, кроме <Content /> part, используйте связывание

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

Answer 2

Насколько я знаю - переходы маршрутизатора будут невозможны, потому что, как только вы запустите 'vuepress build', весь сайт станет статичным.Таким образом, больше не выполняется маршрутизация, и поэтому страница будет перезагружать новый контент, а не добавлять его динамически.