comment importer de nombreux composants vue sur ma page vue?

Question

je ne veux pas écrire beaucoup d'importations à partir de.

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

Y a-t-il un bon moyen de le faire rapidement? Combien de façons de faire cette chose？

Answer 1

en suivant ce modèle, vous pouvez également importer des composants de manière dynamique:

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

puis utilisez-le comme:

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

Answer 2

Vous pouvez importer et enregistrer les composants Vue globalement dans votre fichier d'index:

import button1 from './components/button1'

Vue.component('button1', button1);

Consultez la documentation officielle pour plus d'informations: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Answer 3

Vous pouvez essayer require.context, regardez l'exemple dans la documentation officielle , cela devrait suffire à résoudre votre problème. Pour plus d'informations sur require.context, consultez cette question .