내 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은 이 질문을 참조하십시오 .