bagaimana cara mengimpor banyak komponen vue ke halaman vue saya?

Question

saya tidak ingin menulis banyak impor dari.

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

Adakah cara yang baik untuk melakukannya dengan cepat? Berapa banyak cara untuk melakukan hal ini？

Answer 1

mengikuti pola ini, Anda juga dapat mengimpor komponen secara dinamis:

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

dan kemudian gunakan seperti:

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

Answer 2

Anda dapat mengimpor dan mendaftarkan Komponen Vue secara global di file indeks Anda:

import button1 from './components/button1'

Vue.component('button1', button1);

Lihat dokumentasi resmi untuk informasi lebih lanjut: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Answer 3

Anda dapat mencoba require.context, lihat contoh di dokumentasi resmi , ini seharusnya cukup untuk menyelesaikan masalah Anda. Untuk informasi lebih lanjut tentang require.context, lihat pertanyaan ini .