样式类绑定：
<div class="demo" @click="sttachRed = !attachRed" :class="{red:attachRed}"></div>
使用对象：
<div class="demo" @click="sttachRed = !attachRed" :class="divClasses"></div>
computed:{
divClasses:function(){
return {
red:this.attachRed,
blue:!this.attachRed
}
}
}
使用命名：
css中定义.red，.green，.blue样式。
<div class="demo" :class="[color,{red:attachRed}]"> </div>
data:{
attachRed:false,
color:'greed'
}
动态设置样式，不使用CSS类：
<div class="demo" :style="{backgroundColor:color}></div>
data:{color:'gray'} 或
<div class="demo" :></div>
computed:{
mystyle:function(){
return {
backgroundColor:this.color,
width:this.width + 'px'
}
}
}
数组语法设置元素样式
<div class="demo" :></div>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
