我刚刚开始研究bootstrap-vue(实际上是vue),我发现<b-col sm="6">
转换为经典的<div class="col-sm-6">
,所以我想知道使用{{1}是否有任何区别或优势}。
大多数网页设计师对使用<b-col sm="6">
感到很自在,那么为什么要要求他们切换到其他符号呢?
答案 0 :(得分:2)
没有区别,但使用起来更方便。
通过将sm="6"
设置为属性,您可以更轻松地更改值(动态),而无需使用jquery,而只需在Vue中使用js函数。有了这个,您就可以充分利用Vue,它更容易看清。
:sm="getColSize"
可以是您想要的任何东西。在上课时,我发现需要更多的努力。
答案 1 :(得分:1)
<b-col>
(以及其他布局帮助器组件)纯粹是为了方便,因为它们需要更少的键入(尤其是对于在不同断点处具有不同宽度的复杂列)。
它们被编写为Vue功能组件(它们不保留状态信息),因此可以快速渲染。
您可以随意将其与常规html标记混合并匹配以进行布局,也可以完全不使用它们。