class用法

来源:互联网 发布:python日期型 编辑:程序博客网 时间:2024/05/16 06:35
------------------------------------第一种用法---------------------------------------
.red{    color:red;}.b{background:black}
<strong :class="[red,blue]">文字....</strong> //[red,blue] 是数据

data:{    red:'red',   //'red' 才是class的名字    blue:'b'},
------------------------------------第二种用法---------------------------------------
.red{    color:red;}.b{background:black}

<strong :class="{red:true,b:true}">文字....</strong> //{red,blue} 是外面真正的class
------------------------------------第三种用法---------------------------------------
.red{    color:red;}.b{background:black}
<strong :class="Json">文字....</strong> 替换成对象格式

data:{
Json:{
 red:'red',   //'red' 才是class的名字   blue:'b'
}   },

0 0
原创粉丝点击