多くのvueコンポーネントを私のvueページにインポートする方法は？

Question

からたくさんのインポートを書きたくありません。

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

それをすばやく行うための良い方法はありますか？これを行う方法はいくつありますか？

Answer 1

このパターンに従って、コンポーネントを動的にインポートすることもできます。

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

そしてそれを次のように使用します：

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

Answer 2

Vueコンポーネントをグローバルにインポートしてインデックスファイルに登録できます。

import button1 from './components/button1'

Vue.component('button1', button1);

詳細については、公式ドキュメントを参照してください。 https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Answer 3

試してみてくださいrequire.context。公式ドキュメントの例を見てください。これで問題を解決できます。の詳細についてはrequire.context、この質問を参照してください。