Vue.js 在Vue中动态加载组件

我有一个基于可变场景值动态加载的组件。问题是我必须导入并加载组件下所有可能的场景，我有很多不同的可能组件。Vue是否可以只动态导入传入的场景，还是需要在开始时导入所有内容

---

出于其他原因，我不希望在这种情况下使用路由器

<component
  :is="scene"
  v-bind="options"
>
</component>

---

我会使用vue路由器实现如下功能：

我想您可以使用v-if，根据传递的数据加载不同的组件

<TitleSceneComponent v-if="booleanValueOrCondition" />
<ChoiceSceneComponent v-if="anotherBooleanValueOrCondition" />

这种方式可以根据您的条件加载组件。

您可以执行以下操作：

<component
  :is="sceneComp"
  v-bind="options"
>
</component>

---

我不希望在这种情况下使用路由器，因为我希望这个组件能够处理不同的状态，只需根据需要更改组件即可。

<component
  :is="sceneComp"
  v-bind="options"
>
</component>

computed: {
  sceneComp() {
    return () => import(`./scenes/common/${this.scene}Component.vue`);
}