vue 通过string变量import 组件

在 Vue 中，你可以使用 import() 方法将组件导入为动态组件。你可以使用字符串变量来指定组件的路径。

下面是一个示例：

<template>
  <div>
    <component :is="currentComponent"></component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentComponent: "",
    };
  },
  methods: {
    loadComponent() {
      const componentName = "MyComponent";
      import(`@/components/${componentName}.vue`).then((component) => {
        this.currentComponent = component.default;
      });
    },
  },
  created() {
    this.loadComponent();
  },
};
</script>

在上面的示例中，我们使用 import() 方法动态导入了一个名为 MyComponent 的组件，并将其赋值给 currentComponent 变量。在模板中，我们使用动态组件来渲染当前的组件。