Import 如何避免VueJS中重复的导入和组件声明

我用的是Quasar和PWA初学者工具包，还有VueJS

我想知道如何在Vue应用程序的多个页面中声明一组组件

我似乎需要在每一页都有一个巨大的进口声明

我试图在

main.js

中导入一次，但存在冲突

import Quasar from 'quasar'

所以我不能添加或更改它

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

因为{}似乎破坏了导入。 也无法导入两次（

重复导入

错误）

对于整个应用程序，一次导入组件的方法是什么？

---

或者获取Vue对象，以便以另一种方式将其导入到不同的组件中？

在注册

Quasar

插件时，您可以导入特定组件，以便在

main.js

文件中全局注册

例如，如果您希望能够在应用程序中的任何位置使用

和

组件，可以执行以下操作：

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

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