Почему vue-router удаляет компонент при переходе?

Question

[kiranananda]

При переходе с одного компонента на другой vue удаляет предыдущий компонент. Это нормально или можно как то его оставить что бы не рендерит по новой?

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'MainPage',
      component: MainPage
    },
    {
      path: '/contacts',
      name: 'ContactsPage',
      component: ContactsPage
    }
  ]
})

<router-view></router-view>

Answer 1

[0xD34F]

Это нормально...

Нормально.

...или можно как то его оставить что бы не рендерит по новой?

Можно - используйте keep-alive.

Answer 2

[kiranananda]

Куда то делся ответ :). Да keep-alive помог. Рыл не в том месте :) Спасибо!

Comments

[0xD34F]

Куда то делся ответ :)

Хотел отредактировать, но ткнул на удалить. Ну извините - уже плохо соображаю, что делаю, третьи сутки без сна.

[kiranananda]

Да что тут извиняться, кучу времени помогли сэкономить :). На почту то пришло...

[fl3nkey]

0xD34F, что ж вы так, спать надо.