Vue Router - beforeDestroy вызывается для родительского компонента при изменении дочернего маршрута

Question

Мои маршруты определены следующим образом

{
path: '/menu',
component: () => import('./Menu.vue'),
children: [
  {
    path: 'admin',
    component: () => import('./menus-admin/MenusAdmin.vue'),
    name: 'menusAdmin'
  },
  {
    path: 'import',
    component: () => import('./menus-admin/menus-import/MenusImport.vue'),
    name: 'menusImport'
  }
 ]
}

Когда я перемещаюсь между маршрутами admin и import с использованием компонентов router-link, родительский компонент Menu.vue уничтожается и создается заново.Я ожидал бы, что компонент Menu.vue не уничтожит ставку, если я не перейду к совершенно другому маршруту.Это проблема, потому что я реализовал некоторые ловушки жизненного цикла, которые я не хочу вызывать снова и снова при изменении дочерних маршрутов.Я делаю что-то неправильно?Это ошибка или особенность?

Answer 1

Я нашел свою проблему.На моем <router-view> было :key="$route.fullPath".Это заставляло его перерисовывать все при каждом изменении маршрута.

Убрал это, и это работало как ожидалось.