上期的内容大家掌握得如何啦?
今天的内容是Vue的属性绑定。
vue中常用的属性绑定v-bind
上面展示的是v-bind的最基本的使用,第一种是完整语法,第二种是缩写方式,除了将元素的title属性和vue实例的相关字段进行绑定外,还能将其他的属性字段进行绑定,最常见的是对于样式的绑定,即class和style属性。
对象语法 我们可以给v-bind:class 一个对象,也可以直接绑定数据里的一个对象,以动态地切换class。当然,v-bind:class指令也可以与普通的class特性共存。
数组语法 我们可以把一个数组传给v-bind:class,以应用一个class列表。
三目运算
可以运用三目运算,根据条件列表中的class。
内联样式
更多实例