Переходы Vue не работают, когда вы обновляете браузер?

Question

Vue's Переходы не работают при обновлении браузера.

<transition
  v-on:before-enter="beforeEnter"
  v-on:enter="enter"
  v-on:leave="leave"
>
  <!-- ... -->
</transition>

methods: {
  beforeEnter: function (el) {
    console.log('before enter')
  },
  enter: function (el, done) {
    console.log('enter')
    done()
  },
  leave: function (el, done) {
    console.log('leave')
    done()
  }
}

Например, когда я нажимаю , чтобы перейти к http://myvue.com/#/foo Я получаю переходы и все журналы консоли.Но я не получаю переходы и логи, когда я обновляю мой браузер на http://myvue.com/#/foo

Есть идеи?

Answer 1

<transition
  appear
  v-on:before-enter="beforeEnter"
  v-on:enter="enter"
  v-on:leave="leave"
>
  <!-- ... -->
</transition>