¿Cómo importar muchos componentes vue a mi página vue?

Question

No quiero escribir mucho contenido de.

import button1 from './components/button1'
import button2 from './componnets/button2'
import table1 from './componnets/table2'
...

¿Existe alguna buena forma de hacerlo rápidamente? Cuántas formas de hacer esto

Answer 1

siguiendo este patrón, también puede importar componentes dinámicamente:

computed: {
  comp () {
      return () => import(`@/components/${this.componentName}.vue`)
  }
}

y luego úsalo como:

<template>
    <component :is="comp"></component>
</template>

Answer 2

Puede importar y registrar los componentes de Vue globalmente en su archivo de índice:

import button1 from './components/button1'

Vue.component('button1', button1);

Consulte la documentación oficial para obtener más información: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Answer 3

Puedes probar require.context, mira el ejemplo en la documentación oficial , esto debería ser suficiente para resolver tu problema. Para obtener más información sobre require.context, consulte esta pregunta .