VueJS에서 중복 가져 오기 및 구성 요소 선언을 피하는 방법

Question

VueJS와 함께 Quasar 및 PWA 시작 키트를 사용하고 있습니다.

Vue 앱의 많은 페이지에서 사용 된 컴포넌트 세트를 한 번 선언하는 방법을 알고 싶습니다.

은 내가 main.js 한 번 가져 시도

모든 페이지에서 엄청난 수입 신고를해야하는 것 그러나 충돌

import Quasar from 'quasar' 

그래서 난 그 또는 변경에 추가 할 수있다 it to

import { 
    Quasar, 
    QCard, 
    .... etc 
} from 'quasar' 

{}이 (가) 가져 오기를 중단 한 것으로 보입니다. 또한 두 번 가져올 수 없습니다 (duplicate import 오류).

전체 앱에 대해 구성 요소를 한 번 가져 오는 방법은 무엇입니까? 또는 Vue 객체를 다른 방법으로 가져와 다른 구성 요소로 가져올 수 있습니까?

Answer 1

Quasar 플러그인을 등록 할 때 특정 구성 요소를 가져 와서 main.js 파일에 전역으로 등록 할 수 있습니다.

import Quasar, { QBtn, QIcon } from 'quasar' 

Vue.use(Quasar, { 
    components: { QBtn, QIcon } 
}) 

Here's the documentation.

: 당신은 당신이 할 수있는 응용 프로그램에서 어느 곳 <q-btn> 및 <q-icon> 구성 요소를 사용할 수 있도록하려면 예를 들어

,