vue.js - Vue 和 Nuxt 生命周期钩子(Hook)的不同行为

Question

我有两个页面 foo 和 bar，当每个 Hook 都起作用时，我会向控制台打印一条消息。在vue中是一个顺序，在nuxt中是另一个

Vue:

输入/foo

beforeCreate
created
beforeMount
mounted

将/foo 切换为/bar

beforeCreate
created
beforeMount
beforeDestroy
destroyed
mounted 

Nuxt:

输入/foo

beforeCreate
created
beforeMount 
mounted

将/foo 切换为/bar

beforeDestroy
destroyed
beforeCreate
created
beforeMount
mounted

当转换到/foo 时，在 vue/nuxt 中，钩子(Hook)以相同的顺序触发，但如果你从一个路由切换到另一个路由，那么顺序将会改变。为什么会这样？也许我做错了什么？

Sandbox Vue
Sandbox Nuxt

Answer 1

default transition mode Nuxt的是

export default {
  transition: {
    mode: 'out-in'
  }
}

尝试将其更改为

export default {
  transition: {
    mode: 'in-out'
  }
}