bootstrap-vue - 声明 bootstrap-vue 按钮的最佳方法是什么？

Question

根据 bootstrap-vue 文档，一个按钮是这样创建的：

<b-button variant="success" >Button</b-button>

但是标准的引导语法也可以以相同的方式工作和呈现：

<button type="button" class="btn btn-success">Button</button>

在我看来，第二个更好，因为没有 bootstrap-vue 特定的语法，因此如果需要，以后更容易更改，所以，有什么理由不使用 '<button class=...>' 而不是 ' <b 按钮变体=...>'？

标签： bootstrap-vue

Answer 1

从理论上讲，您可以只使用 Bootstrap （而不是bootstrap-vue）并遵循您为所有元素描述的第二种方法。我想这样做的好处bootstrap-vue是元素是组件化的，因此您可以向 HTML 添加更少的类。它利用了 Vue 提供的更具声明性的编程风格，您无需显式地描述您想要看到的行为——它已经通过bootstrap-vue库被抽象为组件。

我建议无论您做什么都遵循一致的方法 - 例如，如果您bootstrap-vue在项目中使用，请在任何地方使用 Bootstrap 组件（如您描述的第一种方法）。