как импортировать много компонентов 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см. Этот вопрос .