Javascript 如何在Vue组件中使用引导？

我在这两个地方放了相同的html（使用Bootstrap4.5.2）

index.html

App.vue

在index.html中，引导样式起作用。在App.vue中，按钮之间的间距失效。我通过在按钮中添加class

mr-1

来解决这个问题。如何避免在将正常引导程序放入组件时修复它

我的尝试（结果相同）

将官方BootstrapCDN代码添加到

index.html

将其添加到

main.js

并安装模块

import jQuery from "jquery";
global.jQuery = jQuery;
let Bootstrap = require("bootstrap");
import "bootstrap/dist/css/bootstrap.css";

在App.vue的

部分添加了此选项

@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css');

莫明的建议：

已安装项目文件夹目录中的所有内容

npm安装引导jquery popper.js

将此添加到

main.js:

导入“引导”
导入“bootstrap/dist/css/bootstrap.min.css”

---

如果你需要自举，就用它来为你做举重。

---

如果你仍然愿意接受其他选择，这是一个非常好的框架，有很多东西可以提供。

如果你需要引导，只需使用它就可以了。

---

如果您仍然愿意接受其他选择，这是一个非常好的框架，可以提供很多功能。

BootstrapVue是一个不错的选择，但它确实取决于您。人们可以整天建议其他替代方案（如Tailwind Vue）。BootstrapVue很好，因为如果您已经熟悉BootstrapVue，那么您将很快熟悉BootstrapVue。再说一次，如果它真的对你有用，那就去做吧

我个人喜欢包含您所需内容的功能

---

阅读BootstrapVue文档“单个组件和指令”中的更多信息：

BootstrapVue是一个不错的选择，但它确实取决于您。人们可以整天建议其他替代方案（如Tailwind Vue）。BootstrapVue很好，因为如果您已经熟悉BootstrapVue，那么您将很快熟悉BootstrapVue。再说一次，如果它真的对你有用，那就去做吧

我个人喜欢包含您所需内容的功能

请在BootstrapVue文档的“单个组件和指令”中阅读更多信息：

添加引导样式和javascript 在项目目录中安装引导及其依赖项

npm安装引导jquery popper.js

如果您不打算使用Bootstrap的JavaScript，而只打算使用它的样式，那么不要担心安装jQuery或Popper.js

最后，将这些行添加到

project/src/main.js:

导入“引导”
导入“bootstrap/dist/css/bootstrap.min.css”

重复，如果您只需要样式而不需要JavaScript功能，只需删除第一行，只包含CSS。

添加引导样式和JavaScript 在项目目录中安装引导及其依赖项

npm安装引导jquery popper.js

如果您不打算使用Bootstrap的JavaScript，而只打算使用它的样式，那么不要担心安装jQuery或Popper.js

最后，将这些行添加到

project/src/main.js:

导入“引导”
导入“bootstrap/dist/css/bootstrap.min.css”

---

重复，如果您只需要样式而不需要JavaScript功能，只需删除第一行，只包含CSS。

您使用的是BootstrapVue吗？还是你现在想？不，不，我可能不得不这么做。我的站点也将使用Django+引导。@DavidSmolinkski我认为您不一定需要，但我以前使用过BootstrapVue，我发现它非常有用，而且易于实现。这绝对值得检查：）我90%肯定我会使用Vuetify。它有很多视频教程，我应该学习一个UI框架。在我学习代码的一两年里，我基本上不需要在视频之外阅读。我仍然会尝试让纯引导工作。Django模板将具有引导功能。我选择了Bootstrap，这样我就可以有更少的选择，一个普通的网站，和更多的教程。你在使用BootstrapVue吗？还是你现在想？不，不，我可能不得不这么做。我的站点也将使用Django+引导。@DavidSmolinkski我认为您不一定需要，但我以前使用过BootstrapVue，我发现它非常有用，而且易于实现。这绝对值得检查：）我90%肯定我会使用Vuetify。它有很多视频教程，我应该学习一个UI框架。在我学习代码的一两年里，我基本上不需要在视频之外阅读。我仍然会尝试让纯引导工作。Django模板将具有引导功能。我选择了Bootstrap，这样我可以有更少的选择，一个普通的网站，和更多的教程。谢谢。这产生了同样的结果。我将使用Vuetify。谢谢。这产生了同样的结果。我将使用Vuetify。