jak zaimportować wiele komponentów vue na moją stronę vue?

Question

nie chcę pisać dużo importu z.

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

Czy jest jakiś dobry sposób, aby to szybko zrobić? Ile sposobów to zrobić this

Answer 1

zgodnie z tym wzorcem możesz również dynamicznie importować komponenty:

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

a następnie użyj go jak:

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

Answer 2

Możesz importować i rejestrować komponenty Vue globalnie w swoim pliku indeksu:

import button1 from './components/button1'

Vue.component('button1', button1);

Więcej informacji można znaleźć w oficjalnej dokumentacji: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Answer 3

Możesz spróbować require.context, spójrz na przykład w oficjalnej dokumentacji , to powinno wystarczyć do rozwiązania twojego problemu. Aby uzyskać więcej informacji na temat require.context, zobacz to pytanie .