我刚开始使用vue.js，仍然有一个非常令人困惑的概念。
导入vue.js“组件”和CSS文件有什么区别？
以bootstrap和vue-bootstrap为例。我两个都需要吗？只有一个？哪个？
在我看来，如果我想能够将引导程序用作<b-link>之类的Vue组件，则需要导入vue-bootstrap。如果我想在常规html标签中使用它，那么我还需要导入.css？
答案 0 :(得分：1)
您可以将bootstrap-vue看作一堆功能组件，有人写过这些bootstrap来包装样式（根据我的看法）。您只需导入bootstrap-vue npm软件包，然后告诉Vue使用它（Vue将bootstrap-vue软件包作为插件通过{ {1}}）
这使您可以访问诸如Vue.use()之类的东西。但是您仍然必须导入<b-link>文件。
在这里，您需要原始的.css文件以及bootstrap.css文件，以便在导入的bootstrap-vue.css组件上获得适当的样式。（在上面导入）
因此，您的入口点最终应该像这样：
<b-*>您仍然可以使用常规类来对自定义组件进行样式设置，但是请务必注意，这些import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
组件与常规HTML元素不同。它们带有属性和某些选项，可让您根据自己的喜好来设置样式。
Here是在组件上使用常规类的示例。
您可以执行<b-*>
<button class="btn btn-success">Button</button>的操作
您可以阅读有关<b-button variant="success">Button</b-button>如何处理颜色变化等内容的更多信息，here-总而言之，我会阅读他们的文档以更好地理解它。