Почему не работает рекурсия?

Question

[newitem]

У меня есть 2 компонента.
В одном из них я хочу вызвать рекурсию в цикле, чтобы вывести дерево.
Компонент рекурсии:

<template>
  <div>
  <ul v-for="(asset, k) in sub" :key="k" class="q-my-none">
      <li class="q-px-md row justify-between items-center">
        <div class="cursor-pointer">
          {{ asset["name"] }}
        </div>
        <q-btn
          push
          color="white"
          text-color="primary"
          round
          icon="expand_more"
          flat
          class="q-my-xs no-shadow"
        />
        <recourse  v-if="asset.sub && asset.sub.length" :sub="asset.sub"></recourse>
      </li>
  </ul>
  </div>
</template>

<script>
import Recourse from "./Recourse";

export default {
  props: ['sub'],
components:{
  Recourse
}
};
</script>

Компонент вызова и сам массив нет смысла прописывать.
1 уровень вложенности он выводит.
А вот дальше выдает ошибку: Unknown custom element: <recourse>, будто не зарегистрирован компонент.
Как в компоненте рекурсии его же и зарегистрировать?

Answer 1

[0xD34F]

Что имеет сказать по этому поводу документация:

Components can recursively invoke themselves in their own template. However, they can only do so with the name option

Comments

[newitem]

Спасибо. Действительно все оказалось гораздо проще