使用 <div class="col-sm-6"> 或 <b-col sm="6"> 一样吗?
Is using <div class="col-sm-6"> or <b-col sm="6"> the same?
我刚开始研究 bootstrap-vue(实际上是 vue),我注意到 <b-col sm="6">
翻译成经典的 <div class="col-sm-6">
所以我想知道是否有任何区别或优势在使用 <b-col sm="6">
.
大多数网页设计师都习惯使用 <div class="col-sm-6">
那么为什么要让他们切换到其他表示法呢?
没有区别只是用起来更方便
通过将 sm="6"
设置为 属性,您可以更轻松地更改值(动态),而不需要 jquery,而是纯粹的 Vue 中的 js 函数。有了这个,你就可以充分利用 Vue,这更容易看到。
:sm="getColSize"
可以是任何你想要的。使用 类 我发现它更加努力。
<b-col>
(和其他布局助手组件)纯粹是为了方便起见,因为它们需要更少的输入(特别是对于在不同断点处具有不同宽度的复杂列)。
它们被编写为 Vue 功能组件(它们不保留任何状态信息),因此渲染速度很快。
您可以随意混合搭配常规 html 布局标记,或者根本不使用它们。
我刚开始研究 bootstrap-vue(实际上是 vue),我注意到 <b-col sm="6">
翻译成经典的 <div class="col-sm-6">
所以我想知道是否有任何区别或优势在使用 <b-col sm="6">
.
大多数网页设计师都习惯使用 <div class="col-sm-6">
那么为什么要让他们切换到其他表示法呢?
没有区别只是用起来更方便
通过将 sm="6"
设置为 属性,您可以更轻松地更改值(动态),而不需要 jquery,而是纯粹的 Vue 中的 js 函数。有了这个,你就可以充分利用 Vue,这更容易看到。
:sm="getColSize"
可以是任何你想要的。使用 类 我发现它更加努力。
<b-col>
(和其他布局助手组件)纯粹是为了方便起见,因为它们需要更少的输入(特别是对于在不同断点处具有不同宽度的复杂列)。
它们被编写为 Vue 功能组件(它们不保留任何状态信息),因此渲染速度很快。
您可以随意混合搭配常规 html 布局标记,或者根本不使用它们。