Vue 和 Nuxt 生命周期钩子的不同行为

Question

我有两个页面 foo 和 bar，当每个挂钩都起作用时，我会向控制台打印一条消息。在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 中，钩子以相同的顺序触发，但如果您从一个路由切换到另一个路由，那么顺序将会改变。为什么会这样？也许我做错了什么？

Sandbox Vue
Sandbox Nuxt

Answer 1

Nuxt的default transition mode是

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

尝试将其更改为

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