vue 方法里面修改样式_在vue中使用样式的方法
一、vue属性绑定在vue中,是通过v-bind 属性绑定来实现给元素绑定style样式。其中有两种方式,一种是通过绑定class类绑定样式,另一种是通过内联样式来实现样式的绑定。二、绑定class样式1. 数组这是一个邪恶的H12. 数组中使用三元表达式这是一个邪恶的H13. 数组中嵌套对象这是一个邪恶的H14. 直接使用对象这是一个邪恶的H1.red {color: red;}.thin {f
·
一、vue属性绑定
在vue中,是通过v-bind 属性绑定来实现给元素绑定style样式。
其中有两种方式,一种是通过绑定class类绑定样式,另一种是通过内联样式来实现样式的绑定。
二、绑定class样式
1. 数组
这是一个邪恶的H1
2. 数组中使用三元表达式
这是一个邪恶的H1
3. 数组中嵌套对象
这是一个邪恶的H1
4. 直接使用对象
这是一个邪恶的H1
color: red;
}
.thin {
font-weight: 200;
}
.italic {/*字体倾斜*/font-style: italic;
}
.active {/*字符间距*/letter-spacing: 0.5em;
}
今天永远比昨天更好
今天永远比昨天更好
今天永远比昨天更好
今天永远比昨天更好
var vm = newVue({
el:'#app',
data:{
flag:true,
classObj:{
red:true, thin: true, italic: false, active: false}
}
})
更多推荐
已为社区贡献1条内容
所有评论(0)