VueJSでの重複インポートとコンポーネント宣言を回避する方法

Question

私はQuasarとPWAスターターキットをVueJSで使用しています。

私はVueアプリケーションの多くのページで使用されているコンポーネントのセットを一度宣言する方法を知りたいと思います。

私はmain.jsに一度インポートしようとしましたが、競合

import Quasar from 'quasar' 

があるので、私はそれまたは変更を追加することはできませんすべてのページに

を巨大な輸入申告を持っている必要がありますように見えますそれは{}がインポートを破るように見えるため、

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

になります。 また、2回インポートすることもできません（duplicate importエラー）。

コンポーネント全体を一度インポートする方法は何ですか？ また、別のコンポーネント内でインポートするために別の方法で使用できるように、Vueオブジェクトを取得しますか？

Answer 1

main.jsファイルには、Quasarプラグインを登録すると、特定のコンポーネントをグローバルに登録することができます。

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

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

Here's the documentation.

：あなたはこれを行うことができ、アプリケーションのどこにでも <q-btn>と <q-icon>コンポーネントを使用できるようにするには例えば

、