Разное поведение хуков жизненного цикла в vue/nuxt
Всем привет, у меня есть две страницы foo и bar, я вывожу в консоль сообщение, когда каждый из хуков сработает. Во vue это один порядок, в nuxt — другой
Vue:
enter /foo
beforeCreate
created
beforeMount
mounted
switch /foo to /bar
beforeCreate
created
beforeMount
beforeDestroy
destroyed
mounted
Nuxt:
enter /foo
beforeCreate
created
beforeMount
mounted
switch /foo to /bar
beforeDestroy
destroyed
beforeCreate
created
beforeMount
mounted
Когда идет переход на /foo, то в vue/nuxt хуки срабатывают в одинаковом порядке, но если перейти с роута на роут, тогда порядок поменяется. Почему такое происходит? Может быть я делаю что-то не так?
Ответы (1 шт):
Как подсказали на зарубежном stackoverflow, проблема была в том, что стандартно в Nuxt переход между страницами установлен в режим out-in, это можно поменять в nuxt.config.js в transition.mode:
{
transition: {
mode: 'in-out'
}
}