Vue功能组件中的子组件

Question

当我在Vue中使用功能组件时，我意识到不支持components属性来声明功能组件的子组件。尝试这样做将导致Unknown custom element异常。

除了使用全局组件之外，还有什么方法可以在功能组件中使用子组件？

Answer 1

这是一个变通办法，但是此Github comment建议使用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>

不像常规组件那样简单，但是可以完成工作。