Подкомпоненты в функциональных компонентах Vue

Question

Играя с функциональными компонентами в Vue, я понял, что свойство components не поддерживается для объявления подкомпонентов для функциональных компонентов. Попытка сделать это приведет к исключению Unknown custom element.

Кроме использования глобальных компонентов, есть ли способ использовать подкомпоненты в функциональных компонентах?

Answer 1

Это немного обходной путь, но этот комментарий Github предлагает использовать inject вместо того, чтобы вводить компонент.

<template functional>
  <div>
    <component :is="injections.components.SomeChildren"></component>
  </div>
</template>

<script>
import SomeChildren from "./SomeChildren.vue";
export default {
  inject: {
    components: {
      default: {
        SomeChildren
      }
    }
  }
};
</script>

Не так просто, как для обычных компонентов, но он выполняет свою работу.