如何避免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.