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 .
O que significa um erro “Não é possível encontrar o símbolo” ou “Não é possível resolver o símbolo”?