[Vuejs]-How to create dynamic components in vueJS

You can put the components you want to add dynamically in a directory, for example: ./component, and try this

compName () {
  return ()=> import(`./component/${this.vueFile}`);
}

The import() must contain at least some information about where the module is located.
https://webpack.js.org/api/module-methods/#dynamic-expressions-in-import

compName() {

     const MyComponent = () => import("~/components/MyComponent.js");
}

You can see this post
https://vuedose.tips/dynamic-imports-in-vue-js-for-better-performance