您现在所在位置: 首页 > IT知识库

Vue精讲系列第3期:Vue.js之属性绑定

发布时间:2022-01-12点击数:

      上期的内容大家掌握得如何啦?

      今天的内容是Vue的属性绑定。

      vue中常用的属性绑定v-bind



      上面展示的是v-bind的最基本的使用,第一种是完整语法,第二种是缩写方式,除了将元素的title属性和vue实例的相关字段进行绑定外,还能将其他的属性字段进行绑定,最常见的是对于样式的绑定,即class和style属性。


    对象语法       我们可以给v-bind:class 一个对象,也可以直接绑定数据里的一个对象,以动态地切换class。当然,v-bind:class指令也可以与普通的class特性共存。




    数组语法       我们可以把一个数组传给v-bind:class,以应用一个class列表。



      三目运算


    可以运用三目运算,根据条件列表中的class。


    内联样式


    更多实例




  • 友情链接

关注东软睿道公众号了解更多IT行业资讯

添加东小萌微信
获取更多IT学习资源