声明 bootstrap-vue 按钮的最佳方式是什么?
What is the best way to declare bootstrap-vue buttons?
根据 bootstrap-vue 文档,按钮是这样创建的:
<b-button variant="success" >Button</b-button>
但标准 bootstrap 语法也可以工作并以相同的方式呈现:
<button type="button" class="btn btn-success">Button</button>
在我看来,第二个更好,因为没有 bootstrap-vue 特定的语法,因此如果需要的话以后会更容易更改,所以,有什么理由不使用 '
理论上您可以只使用 Bootstrap(而不是 bootstrap-vue
)并按照您为所有元素描述的第二种方法。我想 bootstrap-vue
的好处是元素是组件化的,因此您可以向 HTML 添加更少的 类。它利用了 Vue 提供的更具声明性的编程风格,您不需要明确描述您想要看到的行为 - 它已经通过 bootstrap-vue
库抽象为组件。
我建议您无论做什么都遵循一致的方法 - 例如如果您在项目中使用 bootstrap-vue
,请在所有地方使用 Bootstrap 组件(如您描述的第一种方法)。
根据 bootstrap-vue 文档,按钮是这样创建的:
<b-button variant="success" >Button</b-button>
但标准 bootstrap 语法也可以工作并以相同的方式呈现:
<button type="button" class="btn btn-success">Button</button>
在我看来,第二个更好,因为没有 bootstrap-vue 特定的语法,因此如果需要的话以后会更容易更改,所以,有什么理由不使用 '
理论上您可以只使用 Bootstrap(而不是 bootstrap-vue
)并按照您为所有元素描述的第二种方法。我想 bootstrap-vue
的好处是元素是组件化的,因此您可以向 HTML 添加更少的 类。它利用了 Vue 提供的更具声明性的编程风格,您不需要明确描述您想要看到的行为 - 它已经通过 bootstrap-vue
库抽象为组件。
我建议您无论做什么都遵循一致的方法 - 例如如果您在项目中使用 bootstrap-vue
,请在所有地方使用 Bootstrap 组件(如您描述的第一种方法)。