小编给大家分享一下bootstrap-vue指的是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
bootstrap-vue是一个ui组件库,遵循vue的组件化开发方式,使用引导样式控制组件外观,摒弃了对jquery的依赖。让我们在使用vue。js的同时依然能够继续享有引导样式的便利。
本文尝试对各个组件进行试用,为了尽量减少其他因素干扰,仍然使用访问cdn的方式。如果你喜欢使用模块化打包工具,如webpack。
<强> 1,警报(警告框):主要的使用场景为,针对用户的行为给出反馈。
<强>注意:
应该总是使用显示属性控制组件的可见性。
给组件添加属性可解雇的可以显示一个关闭按钮,它应该总是与对事件一起使用,在解雇事件中重置vm中控制警报显示属性的数据状态
可以通过变体属性(小学,中学,成功,危险、warining信息)产生不同语义下的警报
dismiss-count-down属性接受一个函数,可以帮助我们实现定时自动关闭的警报
<强> 2,徽章(徽章):允许我们为某些内容添加补充信息。
<强>注意:
徽章会依据直接父元素的字号调节本身的字号大小,它使用em单位。
通过变体属性可以定义徽章的语义样式。(默认、初选、成功、警告信息,危险)
添加药属性可以定义胶囊式的徽章(增强的圆角)
通过href属性可以为徽章添加行为(跳转)
如果需要圆形的徽章,参照css实现的圆形徽章
<强> 3,面包屑(面包屑):展示当前页的导航路径,告诉我们当前所在位置
<强>注意:
路径的分隔符是通过指定伪元素::之前的内容属性,由css自动添加。
项目即路径上的各导航项,通过一个对象数组指定。可以给一个对象指定活动属性,使其处于激活状态
如果没有明确指定哪一项为激活状态,则认会为最后一项为默认激活状态。
为导航项指定href或,属性可以添加导航行为。
<强> 4,按钮:基本的控件元素,用于触发行为。
<强>注意:
通过变体属性可以定义按钮的语义样式。(默认、初选、成功、警告信息,危险)
通过大小属性定义按钮的大小(sm、lg),不指定会有默认的样式。
依然可以使用类型属性(提交、重置按钮)。
通过残疾人添加禁用状态。
添加href或者,属性会生成按钮样式的一个标签。
添加属压性控制按钮是否处于已点击的状态。使用同步修饰符可以将按钮的状态与vm中的数据进行同步。
以上是“bootstrap-vue指的是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
