вложенные дочерние маршрутизаторы-просмотр вызовов по-прежнему создаются несколько раз

Question

Сценарий : у меня есть родительский компонент, в котором есть представление маршрутизатора. Этот родитель имеет 2 дочерних компонента, поэтому, когда я перехожу к одному из дочерних компонентов, созданный родительский хук не должен вызываться.

Проблема: Когда я перехожу к дочернему компоненту 1, созданный родительский хук по-прежнему вызывается. То же самое происходит, когда я иду на ребенка 2 компонента. Почему это? Код кажется таким простым.

Я ценю это.

Родительский компонент:

<script>
  export default {
    name: "Parent",
    created() {
      console.log("this should NOT appear on route change i.e. parent component should be rendered only once?!");
    }
  }

<template>
  <div>
    <h1>PARENT</h1>
    <hr>
    <RouterLink to="/routetest/23/profile">FIRST CHILD</RouterLink>
    <br>
    <br>
    <RouterLink to="/routetest/23/posts">SECOND CHILD</RouterLink>
    <hr>
    <RouterView />
  </div>
</template>

/routetest/23/profile компонент

<template>
  <div>
    <h1> CH1</h1>
  </div>
</template>
</script>

/routetest/23/posts компонент

<template>
  <div>
    <h1> CH2</h1>
  </div>
</template>

Маршруты:

{
        path: '/routetest/:id',
        component: testparent,
        children: [{
            path: 'profile',
            meta: {
              authRequired: false,
              rule: 'isAll',
            },
            component: test1
          },
          {
            path: 'posts',
            meta: {
              authRequired: false,
              rule: 'isAll',
            },
            component: test2
          }
        ]
      }