如何避免VueJS中的重複導入和組件聲明

Question

我正在使用Quasar和PWA入門工具包，並使用VueJS。

我想知道如何在Vue應用程序的許多頁面中聲明一組組件。

我似乎必須在每一頁

我試圖在main.js導入一次巨大的進口報關，但有一個衝突的

import Quasar from 'quasar' 

，所以我不能添加到或改變它到

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

由於{}似乎打破了導入。 也不能導入兩次（duplicate import錯誤）。

什麼是一次爲整個應用程序導入組件的方式？ 或者獲取Vue對象，以便可以通過其他方式在不同的組件中導入它？

Answer 1

當您註冊Quasar插件時，您可以導入特定組件以在main.js文件中全局註冊。

例如，你希望能夠在任何地方使用的<q-btn>和<q-icon>組件在應用程序中，你可以這樣做：

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

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

Here's the documentation.