como importar muitos componentes vue para minha página vue?

Dec 04 2020

eu não quero escrever muito de importação.

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

Existe alguma boa maneira de fazer isso rapidamente? Quantas maneiras de fazer isso?

Respostas

1 Mohammadb Dec 04 2020 at 14:42

seguindo este padrão, você também pode importar componentes dinamicamente:

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

e então usá-lo como:

<template>
    <component :is="comp"></component>
</template>
demianh Dec 04 2020 at 14:40

Você pode importar e registrar os componentes do Vue globalmente em seu arquivo de índice:

import button1 from './components/button1'

Vue.component('button1', button1);

Veja a documentação oficial para mais informações: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Ahacad Dec 04 2020 at 14:51

Você pode tentar require.context, veja o exemplo na documentação oficial , isso deve ser o suficiente para resolver seu problema. Para obter mais informações sobre require.context, consulte esta pergunta .