Wie importiere ich viele Vue-Komponenten in meine Vue-Seite?

Question

Ich möchte nicht viel Import von schreiben.

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

Gibt es eine gute Möglichkeit, dies schnell zu tun? Wie viele Möglichkeiten gibt es?

Answer 1

Nach diesem Muster können Sie auch Komponenten dynamisch importieren:

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

und dann benutze es wie:

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

Answer 2

Sie können die Vue-Komponenten global in Ihre Indexdatei importieren und registrieren:

import button1 from './components/button1'

Vue.component('button1', button1);

Weitere Informationen finden Sie in der offiziellen Dokumentation: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Answer 3

Sie können versuchen require.context, das Beispiel in der offiziellen Dokumentation zu betrachten . Dies sollte ausreichen, um Ihr Problem zu lösen. Weitere Informationen zu require.contextfinden Sie in dieser Frage .