Vue.js 在NUXT的布局中选择UI模块

有没有办法选择我想在哪个布局中使用哪个模块？（甚至没有）

简短的回答：没有

详细回答：您无法选择在何处使用哪个模块，因为这些模块将在呈现任何组件之前进行设置，因为它们将在构建时完成。因此，您的应用程序中将具有全球可用的组件。因此，由于它是全球性的，您无法按需导入它们

但是，您不会有任何冲突tbh，因为组件的名称空间是现成的。例如：

Buefy按钮
Vuetify按钮

如果要手动选择要导入的组件，可以这样做。但这将非常麻烦，而且在IMO中不会增加很多价值，因为它需要在每个组件级别上完成

PS:

nuxt buefy

不是

buildModules

安装，如下所示：

---

编辑评论： 我知道对于Bulma，您可以选择您导入的内容，就像这样

@import'bulma/sass/base/generic'；
@导入'bulma/sass/elements/_all'；
@导入'bulma/sass/form/_all'；
@导入“bulma/sass/components/_all”；
//@import'bulma/sass/grid/_all'；
//@import'bulma/sass/layout/_all'；
//@import“bulma/sass/helpers/_all”//！这将添加一些恼人的间距，不要取消注释：）
@导入“~buefy/src/scss/buefy”；

看起来您可以对Vuetify执行相同的操作：

---

您需要一些时间来尝试如何选择（以及选择什么），但您应该能够做到。

好的，那么我可以限制要包含哪些css吗？一些基本样式之间可能存在冲突。同样从buefy文档示例来看，

['nuxt-buefy'，{css:false，materialdesignics:false}]

，

css:false

是为了禁用自动导入css？据我所知，这是为了禁用整个CSS，并且只具有各种组件的JS功能。看起来就像是来自他们的github：另一个问题，为nuxt添加引导程序怎么样？与bulma的前缀相同

buildModules: [
    '@nuxtjs/buefy'
    '@nuxtjs/vuetify',
]