使用的是<div class =“ col-sm-6”>还是<b-col sm =“ 6”>是否相同?

时间:2018-11-27 10:24:48

标签: bootstrap-vue

我刚刚开始研究bootstrap-vue(实际上是vue),我发现<b-col sm="6">转换为经典的<div class="col-sm-6">,所以我想知道使用{{1}是否有任何区别或优势}。

大多数网页设计师对使用<b-col sm="6">感到很自在,那么为什么要要求他们切换到其他符号呢?

2 个答案:

答案 0 :(得分:2)

没有区别,但使用起来更方便。

通过将sm="6"设置为属性,您可以更轻松地更改值(动态),而无需使用jquery,而只需在Vue中使用js函数。有了这个,您就可以充分利用Vue,它更容易看清。

:sm="getColSize" 可以是您想要的任何东西。在上课时,我发现需要更多的努力。

答案 1 :(得分:1)

<b-col>(以及其他布局帮助器组件)纯粹是为了方便,因为它们需要更少的键入(尤其是对于在不同断点处具有不同宽度的复杂列)。

它们被编写为Vue功能组件(它们不保留状态信息),因此可以快速渲染。

您可以随意将其与常规html标记混合并匹配以进行布局,也可以完全不使用它们。